安装 node-sass 时报错

本文介绍在Vue项目中遇到的样式加载错误问题及其解决方案,包括安装必要的加载器如sass-loader、css-loader等,并针对node-sass安装过程中出现的问题提供了解决方案。

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

新建vue项目时,长串的报错,在模板存在且引用路径无误的情况下始终找不到某某模板,如

This dependency was not found:

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

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

 

解决方法如下:

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

 

 

在安装 node-sass 时报错,截图如下

 

解决方法如下:

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

 

  
  • --registry=https://registry.npm.taobao.org 淘宝npm包镜像

  • --disturl=https://npm.taobao.org/dist 淘宝node源码镜像,一些二进制包编译时用

  • --sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像

转载于:https://www.cnblogs.com/rogerwu/p/6510077.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值