最近刚用vue-cli创建一个vue项目,发现一个很奇怪的问题,明明代码是完全正确的,为什么老是报错,报错结果如下

Errors: 1 1 1 @ ./src/main.js 4:0-30 @ multi ./build/dev-client ./src/main.js网页的错误如下:

原来,这是由于用vue-cli在创建项目时,会自动引入eslint去检验源码文件,由于eslint对于源码的检测非常严格,尤其是对于缩进符和空格非常敏感,所以导致程序无法通过webpack工具打包.解决方法有两个:

一.熟悉eslint的规范,按照eslint的规范编写代码(个人项目不建议使用)二.直接删除掉webpack中eslint的相关配置,eslint的配置文件在项目目录下build/webpack.base.conf.js中具体位置如下图