【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js

问题描述

在vue项目的main.js中使用Element UI时会出现报错

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
 
Vue.use(ElementUI);
 
new Vue({
  el: '#app',
  render: h => h(App)
});

但我已经使用命令安装了Element UI模块

npm install element-ui -s

---

解决方案：

使用cnpm来安装Element UI模块,首先打开cmd输入命令安装cnpm

npm install -g cnpm

然后cd到对应的项目文件夹，通过cnpm来安装Element UI模块

cnpm install element-ui -s

安装完后项目就可以成功运行，不会再提示 element-ui/lib/theme-chalk/index.css in ./src/main.js