Vue 引入ElementUI 2.0.11:依赖未发现的问题

环境说明

• Windows 10
• WebStorm 2017.3
• Node.js 8.9.4
• Npm 5.5.1
• Vue 2.5.13
• Element UI 2.0.11

问题说明

引入Element-UI后,在项目中使用:

App.vue中引入
 import Vue from 'vue'
 import Element from 'element-ui'
 import 'element-ui/lib/theme-default/index.css'

 Vue.use(Element);

然后在运行的时候报错:

ERROR Failed to compile with 1 errors 09:10:39

This dependency was not found:

element-ui/lib/theme-default/index.css in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

To install it, you can run: npm install –save element-ui/lib/theme-default/index.css

解决方法

这对我一个刚刚入门vue的新手来说,太难受了.好在找到了解决方法,原来,ElementUI在这个版本,index.css已经不在theme-default里了,而是在theme-chalk里.所以把上面的

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

改为

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

即可.

---

2018/1/10
Lucifer