vue 解决关于*!!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader类似问题的

本文针对Vue项目中出现的CSS加载错误问题,提供了解决方案。错误通常由缺失依赖引起,具体表现为vue-style-loader和css-loader的问题。文章指导如何根据使用的CSS预处理器(如less、sass或常规CSS),安装相应的依赖包。

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

记录问题,导入自己博客,侵删,原文链接 https://blog.youkuaiyun.com/genius_yym/article/details/82222424

问题描述

*!!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/…/vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../…/…/…/vux-loader/src/after-less-loader.js!less-loader?{“sourceMap”:true}!../…/…/…/vux-loader/src/style-loader.js!../…/…/…/vue-loader/lib/selector?type=styles&index=0!./index.vue in ./node_modules/vux/src/components/alert/index.vue

解决方案

此类问题一般是缺少相关依赖而导致的,对于本例,仔细看一下报错提示信息,抓住关键词,vue-style-loader!css-loader,说明是css解析的时候出了问题。
所以,解决方案就要根据情况而定,看你使用的CSS语言是什么,是 常规的 或者 less 或者 sass。
1.如果是常规的,执行下面命令安装依赖就行。

 npm install stylus-loader css-loader style-loader --save-dev 

2.如果是 less 的,执行下面命令安装依赖就行。

 npm install less less-loader --save-dev 

3.如果是 sass 的,执行下面命令 安装依赖就行。

 npm install sass sass-loader --save-dev
 或 npm intall sass-loader --save
 或 npm install node-sass --save

4.如果不知道,就三个都执行一次。
一般只有在初始化配置的的时候才会出现这个问题,如果是已经完好的项目都会在package.json中已经配好,直接install即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值