vue報錯之exports is not defined問題的解決
更新時間:2023年07月01日 08:55:45 作者:牧馬少女
這篇文章主要介紹了vue報錯之exports is not defined問題的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
vue報錯exports is not defined
報錯如下

原因
在項目中全局搜索exports,其他的文件都是配置文件,只有1個js文件是自己最近新增的,寫了exports,估計出問題就是這個文件了。

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

接下來,放代碼:
//以前的錯誤寫法
exports.install = function(Vue,options){
}//正確的寫法
let base={};
base.install = function(Vue,options){
};
export default base;vue頁面報錯‘$‘ is not defined(no-undef) at xxxxx
今天在使用vue的時候,加入$('body').attr('class', 'login-layout light-login');報錯。
<script>
? ? $('body').attr('class', 'login-layout light-login');
export default {
? name: 'App',
}
</script>解決方案
在vue項目的根目錄下,新增.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,用于檢測代碼規(guī)范。
是一把雙刃劍,有一些檢測沒必要,可以通過修改配置禁用掉。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue3的自動化路由unplugin-vue-router插件詳解
unplugin-vue-router是一款為Vue3設計的插件,能自動生成符合VueRouter標準的路由配置,簡化路由管理流程,通過自動掃描文件目錄,無需手動維護路由,適合與Vite和Vue?Router?5結(jié)合使用,本文介紹vue3的自動化路由unplugin-vue-router插件,感興趣的朋友一起看看吧2026-01-01

