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
Slicenfer

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值