此文章是vip文章,如何查看?  

1,点击链接获取密钥 http://nicethemes.cn/product/view29882.html

2,在下方输入文章查看密钥即可立即查看当前vip文章


errors potentially fixable with the `--fix` option报错的解决

  • 时间:
  • 浏览:
  • 来源:互联网

errors potentially fixable with the `--fix` option.

  • 新建的vue项目运行时就报错

新建的vue项目运行时就报错

在用vue-cli3搭建的项目开始进行开发时候,在项目搭建完成之后,每次启动服务时都会弹出编译错误,我就是简单的新建一个index.vue,写了几个标签,发现初次npm run serve不会报错,在浏览器上访问可以显示正常的内容,但只要每次修改保存之后就会报错,根据提示去查看代码,怎么也没看出问题出现在哪里。虽然报错了,但是服务还是正常启动了。

根据系统提示找到错误“12 errors found,12 errors potentially fixable with the --fix option“,查了下是Eslint抛出的错误提示,之前我们在vue实战开发003:详解vue-cli 3.0项目搭建的时候选择的是standard(正常模式)所以每次启动项目的之后都会对代码进行检查,是否符合Eslint规范。

而 Eslint语法规范相当的严格,就是空格位数不对都会报错,所以相当的麻烦。打开.editorconfig配置文件我们可以看到Eslint的缩进是2,而我的编辑器默认的缩进是4(代码格式化与 Eslint 的代码规范不一致)。我们将自己的代码中的缩进改过来,改成Eslint语法的缩进方案,用快捷键shift+alt+f重新格式化下代码,然后重新启动服务,系统还是会报错。

我直接说一下我的解决方案吧:直接关闭Eslint语法规范
如何操作?在.eslintrc.js文件中找到’@vue/standard’配置将其删除或注释。

这里还有一个更好的解决方案:就是给你的编辑器里装一个eslint 插件。
在这里插入图片描述

本文链接http://element-ui.cn/news/show-2368.aspx