vue报错之exports is not defined问题的解决
作者：牧马少女
这篇文章主要介绍了vue报错之exports is not defined问题的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue报错exports is not defined
报错如下
原因
在项目中全局搜索exports，其他的文件都是配置文件，只有1个js文件是自己最近新增的，写了exports，估计出问题就是这个文件了。
该文件是用来声明全局函数的，百度查了一下，是声明函数时的写法没有按照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文件。
具体内容如下：
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,用于检测代码规范。
是一把双刃剑，有一些检测没必要，可以通过修改配置禁用掉。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。