VUE3 You may use special comments to disable some warnings. Useeslint-disable-next-line to ignor

VUE3 You may use special comments to disable some warnings. Useeslint-disable-next-line to ignor,第1张

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

修改完之后就能跑起来了!

小白躺坑记录一下,大佬轻点,有错漏不足之处还望不吝赐教,感谢!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320446.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存