安装 node-sass 时报错

最新推荐文章于 2024-08-30 20:07:55 发布

weixin_34192732

最新推荐文章于 2024-08-30 20:07:55 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/rogerwu/p/6510077.html

本文介绍在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