vue報(bào)錯(cuò)之exports is not defined問題的解決

更新時(shí)間：2023年07月01日 08:55:45 作者：牧馬少女

這篇文章主要介紹了vue報(bào)錯(cuò)之exports is not defined問題的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue報(bào)錯(cuò)exports is not defined

報(bào)錯(cuò)如下

原因

在項(xiàng)目中全局搜索exports，其他的文件都是配置文件，只有1個(gè)js文件是自己最近新增的，寫了exports，估計(jì)出問題就是這個(gè)文件了。

該文件是用來(lái)聲明全局函數(shù)的，百度查了一下，是聲明函數(shù)時(shí)的寫法沒有按照ES6的語(yǔ)法來(lái)寫。

接下來(lái)，放代碼：

//以前的錯(cuò)誤寫法
exports.install = function(Vue,options){
}

//正確的寫法
let base={};
base.install = function(Vue,options){
};
export default base;

vue頁(yè)面報(bào)錯(cuò)‘$‘ is not defined(no-undef) at xxxxx

今天在使用vue的時(shí)候，加入$('body').attr('class', 'login-layout light-login');報(bào)錯(cuò)。

<script>
? ? $('body').attr('class', 'login-layout light-login');
export default {
? name: 'App',
}
</script>

解決方案

在vue項(xiàng)目的根目錄下，新增.eslintrc.js文件。

具體內(nèi)容如下：

module.exports = {
    root: true,
    env: {
        node: true
    },
    'extends': [
        'plugin:vue/essential',
        'eslint:recommended'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-undef': 'off',
        'vue/no-unused-vars': 'off',
        'vue/require-v-for-key': 'off',
        'no-unused-vars': 'off',
        'vue/no-unused-components': 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
};

eslint,用于檢測(cè)代碼規(guī)范。

是一把雙刃劍，有一些檢測(cè)沒必要，可以通過修改配置禁用掉。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue+axios使用FormData方式向后端發(fā)送數(shù)據(jù)
在前后端分離的項(xiàng)目中經(jīng)常使用到Vue+axios通過FormData的方式向后端發(fā)送表單數(shù)據(jù),下面就來(lái)介紹一下如何實(shí)現(xiàn),感興趣的可以了解一下
2023-09-09
vue封裝公共方法的實(shí)現(xiàn)代碼
這篇文章給大家介紹了vue封裝公共方法的實(shí)現(xiàn),文章中通過代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2024-01-01
Vue.js組件間的循環(huán)引用方法示例
組件(Component)是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼。下面這篇文章主要給大家介紹了關(guān)于Vue.js組件間循環(huán)引用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。
2017-12-12
VUE+Canvas 實(shí)現(xiàn)桌面彈球消磚塊小游戲的示例代碼
這篇文章主要介紹了VUE+Canvas 實(shí)現(xiàn)桌面彈球消磚塊小游戲,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-04-04
vue3.0翻牌數(shù)字組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了vue3.0翻牌數(shù)字組件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
vue 獲取到數(shù)據(jù)但卻渲染不到頁(yè)面上的解決方法
這篇文章主要介紹了vue 獲取到數(shù)據(jù)但卻渲染不到頁(yè)面上的解決方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11
vant steps流程圖的圖標(biāo)使用slot自定義方式
這篇文章主要介紹了vant steps流程圖的圖標(biāo)使用slot自定義方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
VUE JS 使用組件實(shí)現(xiàn)雙向綁定的示例代碼
本篇文章主要介紹了VUE JS 使用組件實(shí)現(xiàn)雙向綁定，詳細(xì)的介紹了vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊，具有一定的參考價(jià)值，有興趣的可以了解一下。
2017-01-01
vue實(shí)力踩坑?當(dāng)前頁(yè)push當(dāng)前頁(yè)無(wú)效的解決
這篇文章主要介紹了vue實(shí)力踩坑?當(dāng)前頁(yè)push當(dāng)前頁(yè)無(wú)效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
在vue中安裝使用vux的教程詳解
這篇文章主要介紹了在vue中安裝使用vux的教程，本文給大家記錄了vuex的安裝使用過程，非常不錯(cuò)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-09-09