报错如上图所示,错误原因是不认识 $
符,他是 JQuery
中得符号,我也确实引入了 JQuery
:
在 vue 项目的根目录下创建一个 .eslinttrc.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'
}
};
其中 'no-undef': 'off'
表示关掉之前的语法检查,这是一把双刃剑,关掉之后我们就可以运行了,打开的话检查会很严格。