* !!vue-style-loader!css-loader?

本文解决了一个Vue项目中遇到的样式加载失败的问题,涉及到多个样式处理loader未安装导致的依赖缺失。通过npm安装必要的loader如stylus-loader、css-loader、style-loader和less-loader等解决了该问题。
ERROR  Failed to compile with 1 errors                                                                                                                                                                        11:17:27
This dependency was not found:

* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-331f341c","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Index.vue in ./src/components/Index.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-331f341c","scoped":true,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Index.vue    

 

解决方法,看错误中列出了哪几个模块,都给装上:

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

 

https://www.cnblogs.com/legendjslc/p/9023662.html

These dependencies were not found: * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-c1084962","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage.vue in ./src/views/girder/kanban/bim/ComponentPage.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-418c245e","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage.vue in ./src/views/girder/kanban/bim/EnginePage.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-284d27df","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage.vue in ./src/views/girder/kanban/csbim/ComponentPage.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-3d21053a","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage2.vue in ./src/views/girder/kanban/csbim/ComponentPage2.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-406216fc","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage_llqjz_new.vue in ./src/views/girder/kanban/csbim/ComponentPage_llqjz_new.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-550c1576","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage1_llqjz_new.vue in ./src/views/girder/kanban/csbim/EnginePage1_llqjz_new.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-357ebc64","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage.vue in ./src/views/girder/kanban/csbim/EnginePage.vue * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7a45ac5a","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage1.vue in ./src/views/girder/kanban/csbim/EnginePage1.vue To install them, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-c1084962","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-418c245e","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-284d27df","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-3d21053a","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage2.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-406216fc","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./ComponentPage_llqjz_new.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-550c1576","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage1_llqjz_new.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-357ebc64","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage.vue !!vue-style-loader!css-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-7a45ac5a","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":false}!../../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./EnginePage1.vue
最新发布
06-17
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值