解决React中使用scss前置的npm install node-sass报错问题

最新推荐文章于 2023-04-04 18:32:12 发布
最新推荐文章于 2023-04-04 18:32:12 发布
阅读量648 收藏
点赞数
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43508736/article/details/108043239
版权

解决React中使用scss前置的npm install node-sass报错问题

在React中使用scss-loader前需要先安装node-sass。在npm install node-sass -D 时有时候会安装到一半甚至最后报一个timeout的错误 很痛苦。如下：
在这里插入图片描述
解决方法是使用镜像

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

然后再npm install node-sass -D 就好了

之后的程序npm run dev 就可以compiled successfully啦

Yangy612
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
creat-react-app安装node-sass常出错
hahahhahahahha123456的博客
04-24 631
安装 node-sass 的正确姿势 安装node-sass的时候总是会各种不成功，今天我琢磨了一会儿总算知道要怎么解决了。 首先要知道的是，安装node-sass时在node scripts/install阶段会从 github.com 上下载一个 .node 文件，大部分安装不成功的原因都源自这里，因为 GitHub Releases 里的文件都托管在 s3.amazonaws...
npm install 时node-scss报错
qq_47904525的博客
08-16 650
第一次遇到这个问题，让我措不及，因为从来没有遇到过这个问题，我还以为是npm时node-scss的版本不对，然后用yarn install ，果不其然，还是不行 然后觉得可能是npm题，安装cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 我服了，还是不行，我走上了原来的道路，开始百度了，搜到一条结果，我非常开心 npm config set sass_binary_site=https://npm.taoba..
vue 中安装使用sass 报错遇到的问题整理
weixin_30294709的博客
05-04 2319
不出错的情况下，正常安装： 1.安装包： npm install node-sass --save-dev npm install sass-loader --save-dev （sass-loader依赖于node-sass） 2.在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.sass$/, loader...
react安装sass报错问题
weixin_45613604的博客
03-24 704
安装 找到下面目录 node_modules/react-scripts/config/webpack.config.js 在这个文件中直接搜索 ‘file-loader’ ， 大概544行，手动添加框中的内容。 安装 npm install sass-loader node-sass --save-dev 重新npm start 报错 sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1 运行： npm uninstall sass-loader（卸载当前版本
React 安装 node-sass失败解决方案
松烟入墨
12-08 1170
第一种：修改源地址 在项目的根路径中添加.npmrc文件，在这个文件中增加以下内容： sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 第二种：使用sass(dart-sass)代替node-sass Dart Sass 是 Sass 的主要实现版本，这意味着它集成新 功能要早于任何其它的实现版本。 dart-sass已经改名了，在npm库中这样写的：Th
React项目中使用scss，遇上node-sass安装不上的解决方法
zwf193071的专栏
07-21 1290
亲测有效，找遍了很多网站，其实真正的步骤只有下面2个： 1. 去淘宝镜像下载binging.node---https://npm.taobao.org/mirrors/node-sass/v4.14.1/win32-x64-64_binding.node,下载完成后存于D盘； 2. 运行以下命令，即可成功按照node-sass npm install node-sass -D --sass_binary_path=D:/win32-x64-64_binding.node 成功截图： 备注：np
npm install报错， node-sass
ccss__ddnn的博客
11-10 795
如题，详细报错如下： gyp ERR! configure error gyp ERR! stack Error: Can’t find Python executable “python”, you can set the PYTHON env variable. gyp ERR! stack at PythonFinder.failNoPython (D:\vue-style-codebase-prerender\node_mo gyp ERR! stack at PythonFinde
react-native-sass-to-stylesheet:css和sass文件自动转换成react-native样式文件
03-17
npm install react - native - sass - to - stylesheet -- save - dev 使用 初始化 新建toStyles.js ，并添加以下内容 const ToStyles = require ( "react-native-sass-to-stylesheet" ) ; ToStyles . init ( path ...
create-react-app使用sass,scss语法
hahahhahahahha123456的博客
10-23 6467
使用create-react-app(新版)安装完项目之后。 1.执行npm install sass-loader node-sass --save-dev安装sass这两个相关的插件。 2.写一个scss文件 .userStTitle{ background: red; p{ font-size: 12px; span{ ...
react移动端项目构建，react@18.2.0+react-vant+vite+axios+redux+sass
最新发布
03-06
该架构已解决大部分坑，主要用于react@18.2.0移动端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、vant、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、...
在create-react-app中使用sass的方法示例
10-17
npm install --save node-sass-chokidar ``` 同时，也需要安装`node-sass`，它是Sass编译器： ``` npm install node-sass ``` 2. **配置`package.json`**： 打开`package.json`文件，向`scripts`部分添加...
React支持dart-scss（偷梁换柱）
发果叁
06-11 362
node-sass下载速度慢，甚至下载报错。本地编译速度慢。而官方极力推荐使用Dart-sass，Dart运算速度快、易于安装 所以希望在React项目中使用dart-scss。 使用步骤： 命令行安装 安装成功后将css文件后缀修改为scss，结果报错告知使用node-scss。查了一下才知道React只支持node-scss不支持dart-scss。 于是google上输入create react app dart sass搜索研究，在github的create-react-app的issue下面发现：
React中引入sass(scss)报错处理
weixin_46061574的博客
07-25 1691
React中使用scss
关于vue项目npm statr时，报错scss错误
Benz_s600的博客
04-30 273
1.今天楼主在运行项目的时候，突然发现,妈耶报错了 2.找了很多没有找到解决办法，问了下旁边大佬。修改了下sass的版本号，就可以了 3.正确操作如下： 前面还有小尖尖号的 我也去掉了 ...
Vue 中 npm 安装 sass 项目中使用scss运行后报错
渣渣宇的博客
06-02 1829
主要原因是版本过高导致的 npm安装一些包的时候，会默认安装最新版本，但过高版本的sass会导致scss编译错误 解决思路 项目中使用scss时，sass-loader要安装^7.3.1版本(package.json中设置) 目前这个问题仅在Vue中有遇到过 ...
项目中安装并使用scss.(不需要安装node-sass)
李十三的博客
04-04 1161
估计你安装使用scss的时候出现了问题,比如安装的node-sass失败.好了,现在开始,忘记node-sass,拥抱dart-sass. 直接安装使用.和原本使用无区别.此外，还需要安装fibers，它是一个Node.js模块，可以加快Sass的编译速度。在Vue项目的根目录中，创建一个vue.config.js文件（如果尚未存在）。这将在Vue项目中全局引入global.scss文件，并使其可用于所有组件。这将定义全局的SCSS变量和样式，可以在所有组件中使用。
node-sass安装失败
Wang_Si_D的博客
03-25 293
试了一个多小时真的有一种还没开始就要放弃的冲动，less其实也够用，为什么要搞这个 1、重点：安装失败，先检查Node环境版本号、还有 node-sass 安装的版本号 版本之间有要求，这是重点问题 版本对应 修改版本号重新安装，如果还是失败… 2、修改镜像 使用淘宝镜像源（推荐） npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ // 也可以设置系统环境变量的方式。示例 // linux、.
使用scss报错的问题
奔跑的小猪仔
04-28 1067
npm run dev的时候报错，主要是因为在style标签里使用了lang=‘scss’,但是没有下载相关依赖，报错的提示了，我们就按照它说的做就行了。 输入以下命令，就成功了 npm install --save vue-style-loader css-loader ...
react中scss文件报错
siwangdexie_copy的博客
12-19 1822
描述： react项目安装了sass，import “style.scss” 文件，npm start 时候报错 原因： sass的规则用了不只一次 报错日志： ./src/style/style.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./node_modules/style-loader!...
react安装sass报错
05-29
例如，在 React 中，您可以在组件中使用以下方式导入 SASS 文件： ```javascript import './styles.scss'; ``` 请注意，这种方法不会解决 node-sass 与 Node.js 不兼容的根本问题，但可以帮助您继续工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值