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

最新推荐文章于 2024-12-25 18:16:53 发布

转载最新推荐文章于 2024-12-25 18:16:53 发布 · 413 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/genius_yym/article/details/82222424

文章标签：

#vue

vue 专栏收录该内容

3 篇文章

订阅专栏

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

记录问题，导入自己博客，侵删，原文链接 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即可。