Vue中安装element-ui失败问题原因及解决

Vue中安装element-ui失败

开启npm.cmd，输入npm install element-ui -S命令，正常情况会安装成功，但也有安装不成功的情况，

若安装不成功，则检查npm和vue是否安装成功，使用：

npm -v

vue -V

ps：这里的V大写

来查看版本，看不到版本号，便重新安装npm或vue。

解决方式

npm install npm -g

elementui安装不上，报错问题

elementui安装不上

报错：Module not found: Error: Can’t resolve ‘element-ui/lib/theme-chalk/index.css’ in 'D:\workspace\web-ele-ui\vue-manage\class="lazy" data-src’自定义目录标题)

使用多种办法都没能安装上，在package.json文件中没有发现有elementui对应的版本号

解决方法

1、删除项目中的node_modules文件夹

2、在项目文件下执行npm install，新建成功后等一会会重新出现node_modules文件夹

3、运行程序（npm run serve），成功运行

4、再次重新安装elementui：npm install --save element-ui。安装成功，package.json文件中显示elementui对应的版本号

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。