今天学习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 就可以了
报错三:
这个报错是建议我们使用 驼峰命名
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: 更改配置文件记得重新启动项目哦,要不然不生效的!
修改完之后就能跑起来了!
小白躺坑记录一下,大佬轻点,有错漏不足之处还望不吝赐教,感谢!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)