报错信息:
You may use special comments to disable some warnings. Use // eslint-disable-next-line to..
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.x的桌面端组件库。
解决:使用命令卸载原先的脚手架版本,再重新指定安装个Element-ui支持的版本,然后再重新创建项目,重新安装引入Element-ui。还有一种办法就是在创建项目的适合选择2.x版本不选择3.x版本。
卸载脚手架命令:npm uninstall -g @vue/cli
安装指定脚手架版本:npm install -g @vue/cli版本号
Element-ui是基于vue3.x的桌面端组件库。
安装element-ui的命令:npm install element-plus --save