elementui 的 import 'element-ui/lib/theme-default/index.css'报错

在使用ElementUI过程中,因最新版本主题样式路径变更导致项目无法正常运行的问题。作者发现原先的主题路径不再适用,通过调整引入路径为'element-ui/lib/theme-chalk/index.css',成功解决了运行时出现的依赖未找到错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近接了一个新项目,要用elementui,(ps:我以前搭建的时候也没啥问题,这次居然遇到问题了。然后有点懵。。)

问题就是:在main.js文件中引用完elementui文件后

引用的代码如下:

import elementUI from 'element-ui'

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

Vue.use(elementUI)

引用以后,执行npm run dev运行项目居然后开始报错,(当时感觉比较吃惊,因为以前完全没遇到过。。。)报错信息如下:

 

This dependency was not found:* element-ui/lib/theme-default/index.css in ./src/main.js    To install it, you can run: npm install --save element-ui/lib/theme-default/index.css

查阅看了node_modules才发现,最新版本的elementui的这个文件夹改变文件夹名字了。把引入路径改为import 'element-ui/lib/theme-chalk/index.css',运行 npm run dev命令,就ok了。

如图:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值