今天学习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: 更改配置文件记得重新启动项目哦,要不然不生效的!

修改完之后就能跑起来了!
在这里插入图片描述
小白躺坑记录一下,有错漏不足之处还望不吝赐教,感谢!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐