vue项目中引入ElementUI报错

今天在尝试动态的配置路由的时候遇到了关于elementUI的错误。

这是我的引入方式，来自官网npm安装方式引入elementUI到项目

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

错误：

These dependencies were not found:

具体截图：

一直说找不到这两个文件，最开始看node_modules，发现下面是有element-ui文件

但是这步建议大家打开 element-ui 文件夹看看下面的文件是否正常，因为我后来发现我的文件夹下面只有个空的node_modules文件夹。如果这样就删除重装。

 

但是我重装的过程中又遇到了问题

错误：

npm ERR! zlib: unexpected end of file

具体截图：

解决这个问题需要清楚npm缓存

npm cache clean --force

运行这条命令后重新安装还是报错，然后我又运行了这条命令，大概两三轮，终于安装成功了。

 

找解决方法的时候，发现很多人是引用方式有问题：

发现很多人引入方式是这样

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-default/index.css';

改成这样试试：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';