VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor
VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor
·
今天学习vue3建项目的时候遇到Eslint各种报错,
报错一:
8:1 error Delete `⏎` prettier/prettier
✖ 1 problem (1 error, 0 warnings)
1 error and 0 warnings potentially fixable with the `--fix` option
原因:与创建项目时选择的 eslint 的设置问题,可以通过“—fix”选项修复
.解决方法:
package.json
//原代码
"scripts": {
...
"lint": "vue-cli-service lint"
},
更改:
"scripts": {
...
"lint": "eslint --fix --ext .js,.vue src"
},
报错二:
提示建议我们使用特殊注释禁用某些警告。使用//eslint disable next line忽略下一行。使用/eslint disable/忽略文件中的所有警告。
You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
解决办法:
我们在 .eslintrc.js 里面注释掉 plugin:prettier/recommended 就可以了
另外,在VUE2也有朋友遇到这样的问题,但是以上方法在VUE3适用,有朋友【想看看风景】给出VUE2的解决方法:
把vue.config.js中的lintOnSave的值改为false即可。
但如果在vue.config.js中没有lintOnSave则添加lintOnSave: false
报错三:
这个报错是建议我们使用 驼峰命名
6:9 error Component name "My" should always be multi-word vue/multi-word-component-names
解决办法:
① 按照规则走,改驼峰命名
②但是像以上我就一个 My ,这样要写个驼峰不是很合理,所以可以在 .eslintrc.js 文件写一条规则:
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
// 关闭驼峰命名规则
'vue/multi-word-component-names': 0,
},
Tips: 更改配置文件记得重新启动项目哦,要不然不生效的!
修改完之后就能跑起来了!
小白躺坑记录一下,有错漏不足之处还望不吝赐教,感谢!
更多推荐
已为社区贡献3条内容
所有评论(0)