虽然知道是ESLint 对语法的要求过于严格导致编译的时候报错,需要改掉eslint, 但是在网上查到的方法都不管用,耗费了两个小时,终于在一个帖子里找到了方法,因此总结如下:
完整警告:
- 找到的方法一:如果你的项目是vue脚手架工程,那么找到项目根目录下的bulid文件夹 -> webpack.base.conf.js,找到以下代码块并注释或者删除掉:module->rules中有关eslint的规则,注释完保存退出,重新启动项目即可。
- 找到的方法二:当项目并不存在build文件夹,即不属于vue脚手架工程,那请到根目录下 config文件夹下的index.js文件,将useEslint属性设置为false。若是不存在useEslint属性,可以自己添加进去。
以上是在网上能找到的绝大部分的共同解决办法,但是我的问题是既找不到相同的build文件又找不到config文件夹下的index.js(找了很久只找到了类似的),我真的以为是自己的问题,一直在找这几行代码,在各个地方添加或者删除useEslint:false,也没有用
- 找到的方法三:执行npm run lint --fix自动修复警告 npm run lint --fix,仍然无效。
- 最终找到了解决办法,真的救我大命!感谢原贴:✖ 2 problem (1 error, 0 warnings) 2 error and 0 warnings potentially fixable with the`--fix` vue详解_水里捞鱼的博客-CSDN博客
打开项目中.eslintrc.js在rules中,添加以下代码,并extends的 '@vue/standard'注释掉
'space-before-function-paren': 0,
'semi': 'off',
'quotes' : 'off',
'comma-dangle' : 'off',
'vue/comment-directive': 'off'
如图,终于成功啦!!!