vue中引入element ui中的css报错

本文记录了一位Vue新手在结合使用ElementUI时遇到的CSS加载问题及解决过程。作者因忽略Vue-CLI默认配置,在尝试手动配置CSS加载器时出现错误。通过调整loader配置最终解决了问题。

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

vue和element ui结合使用,引入css时出了一些问题
首先,再引入css,要下载css-loader,file-loader,style-loader,下载完这些时要修改配置文件
{
test: /.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader'
},
{
test: /.css$/,
loader: 'style-loader!css-loader'
},
主要就是添加这两个地方,由于自己太菜,忽略了vue-cli 中css各种loader,就修改成了这样 {
test: /.css$/,
loader: 'style!css'
},
后来报错如下:
vue中引入element ui中的css报错

    后来才知道现在的版本不能少了“loader后缀”,这很重要,很重要,起初以为是重复配置了什么文件,没注意报错,折腾了半天,菜鸟vue新手,报错,×××,有利于进步,哈哈

转载于:https://blog.51cto.com/12885303/2094525

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值