错误1:✖ 69 problems (61 errors, 8 warnings) 56 errors and 8 warnings potentially fixable with the --fix
option…
错误2:[vue/no-unused-vars] ‘$index’ is defined but never used.eslint-plugin-vue…
错误3:
错误4:需要配置"jsx": “preserve” 什么的balabala…
解决办法(各位都试试把,不行了看看参考链接):
- vue.config.js 添加
//关闭eslint
lintOnSave:false,
2.在 .eslintrc.js 文件,同样如果没有则新建一个(注意文件前有个点)
文件全部内容替换为如下:
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommended'
],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
},
overrides: [
//这里是添加的代码
{
files: ['src/views/index.vue','src/views/**/index.vue'], // 匹配views和二级目录中的index.vue
rules: {
'vue/multi-word-component-names':"off",
} //给上面匹配的文件指定规则
},
{
files: [
'**/__tests__/*.{j,t}s?(x)',
'**/tests/unit/**/*.spec.{j,t}s?(x)'
],
env: {
jest: true
}
}
]
}
3.设置–>搜索“template”–>把“vetur>Validation:Template”那的对勾取消了—>ctrl+c 关闭项目,然后重启项目
4. jsconfig.json添加 “jsx”: “preserve”
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
},
"jsx": "preserve", //添加配置
},
"exclude": ["node_modules", "dist"]
}
5、2023-07-26 新增
参考:
1.vue eslint报错:Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
2. 打开.vue文件出现红色波浪线
3、vscode的vue中出现很多红色波浪线解决办法