出现这个问题的原因有很多,下面我们来一 一列举:

1、ESlint对语法的要求太过严格导致编译错误。

      解决:取消ESlint验证规则即可。

      如果项目是vue脚手架项目的话,你就可以找到项目根目录下的bulid文件夹下的 webpack.base.conf.js,把验证规则 rules里的代码注释掉即可,注释完保存退出,重启下项目即可解决。

      但如果你的项目不是vue脚手架项目,你也没有build文件夹,那么你可以在根目录下的config文件夹下的index.jx文件中进行操作,只需要把dev下的useESlint属性设置为false即可。

 

2、由于Element-ui支持的vue版本不同

     目前Element-ui是基于vue2.0的桌面端组件库。

     解决:使用命令卸载原先的脚手架版本,再重新指定安装个Element-ui支持的版本,然后再重新创建项目,重新安装引入Element-ui。还有一种办法就是在创建项目的适合选择2.x版本不选择3.x版本。

     卸载脚手架命令:npm uninstall -g @vue/cli

     安装指定脚手架版本:npm install -g @vue/cli版本号

     Vue解决报错:You may use special comments to disable some warnings. Use // eslint-disable-next-line to.._根目录