【vue eslint】报错Component name “index“ should always be multi-word.eslintvue
在进行vue项目开发中,这个eslint可谓是真能把人气死,我受不了了~
我网上搜了很多都是让在.eslintrc.js文件里加东西来解决,但一个大问题就是我的项目根本没有这个文件,想创建一个新的还不让创建~于是我找了好多文章,发现是创建vue项目的时候选择了eslint,babel就没有这个文件,而是在package.json文件中,于是我成功的在该文件中修改,摆脱了eslint的困扰,心情舒畅,哈哈哈哈哈哈。
这里要添加一个overrides属性,根据自己项目结构来修改,我的是因为我的index.vue一定要遵循那个原则,导致我路由用不了,真的受不了,一定要命名,可是我index.vue有啥好命名的(不解。
package.json
{
"name": "app",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.8.3",
"less": "^4.1.3",
"less-loader": "^5.0.0",
"vue": "^2.6.14",
"vue-router": "^3.6.5"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"vue-template-compiler": "^2.6.14"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {
"no-unused-vars":"off"
},
//新添加的内容
"overrides": [
{
"files": ["src/pages/index.vue","src/pages/**/index.vue"],
"rules": {
"vue/multi-word-component-names":"off"
}
}
]
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}