快捷導(dǎo)航

React安裝node-sass失敗解決方案分享

更新時(shí)間：2022年11月28日 10:05:13 作者：小劉先生很努力

Node-sass是一個(gè)庫,它將Node.js綁定到LibSass（流行樣式表預(yù)處理器Sass的C版本）,它允許用戶以令人難以置信的速度將.scss文件本地編譯為css,并通過連接中間件自動(dòng)編譯,下面這篇文章主要給大家介紹了關(guān)于React安裝node-sass失敗解決的相關(guān)資料,需要的朋友可以參考下

第一種：修改源地址

在項(xiàng)目的根路徑中添加.npmrc文件，在這個(gè)文件中增加以下內(nèi)容：

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
但是我沒用這種方法，我用的第二種，親測有效哦?。?！

第二種：使用sass(dart-sass)代替node-sass

Dart Sass 是 Sass 的主要實(shí)現(xiàn)版本，這意味著它集成新功能要早于任何其它的實(shí)現(xiàn)版本。

dart-sass已經(jīng)改名了，在npm庫中這樣寫的：This package has been renamed to ‘sass’.（意思是：此包已被重命名為“sass”。）

yarn add sass node-sass@npm:sass  
或者
npm install sass node-sass@npm:sass

解決啦

補(bǔ)充：不同node-sass版本的環(huán)境

https://github.com/sass/node-sass/releases

安裝中出現(xiàn)問題總結(jié)

兩步驟解決出現(xiàn)Node Sass version 7.0.0 is incompatible with 4.0.0錯(cuò)誤使用 create-react-app 構(gòu)建前端工程

想要使用sass，安裝好 npm install node-sass --save

啟動(dòng)服務(wù)報(bào)錯(cuò)：

Node Sass version 7.0.1 is incompatible with ^4.0.0

看錯(cuò)誤是不兼容導(dǎo)致的

npm uninstall node-sass
npm i -D sass

親測可用！

總結(jié)

到此這篇關(guān)于React安裝node-sass失敗解決方案的文章就介紹到這了,更多相關(guān)React安裝node-sass失敗解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

React官方團(tuán)隊(duì)完善原生Hook閉包陷阱
這篇文章主要為大家介紹了React官方團(tuán)隊(duì)出手，補(bǔ)齊原生Hook短板閉包陷阱的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
React Hooks之useRef獲取元素示例詳解
這篇文章主要介紹了React Hooks之useRef獲取元素示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
Reactjs?+?Nodejs?+?Mongodb?實(shí)現(xiàn)文件上傳功能實(shí)例詳解
今天是使用?Reactjs?+?Nodejs?+?Mongodb?實(shí)現(xiàn)文件上傳功能，前端我們使用?Reactjs?+?Axios?來搭建前端上傳文件應(yīng)用，后端我們使用?Node.js?+?Express?+?Multer?+?Mongodb?來搭建后端上傳文件處理應(yīng)用，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友參考下吧
2022-06-06
React-Native 環(huán)境搭建和基本介紹
這篇文章主要介紹了React-Native 環(huán)境搭建和基本介紹的相關(guān)資料,包括react native優(yōu)缺點(diǎn)，通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2021-04-04
基于useImperativeHandle的使用解析
這篇文章主要介紹了基于useImperativeHandle的使用解析，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
React報(bào)錯(cuò)信息之Expected?an?assignment?or?function?call?and?
這篇文章主要介紹了React報(bào)錯(cuò)之Expected?an?assignment?or?function?call?and?instead?saw?an?expression,下面有兩個(gè)示例來展示錯(cuò)誤是如何產(chǎn)生的，需要的朋友可以參考下
2022-08-08
react如何獲取URL中參數(shù)
這篇文章主要介紹了react如何獲取URL中參數(shù)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
React路由組件三種傳參方式分析講解
本文主要介紹了React組件通信之路由傳參(react-router-dom)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
React模仿網(wǎng)易云音樂實(shí)現(xiàn)一個(gè)音樂項(xiàng)目詳解流程
這篇文章主要介紹了React模仿網(wǎng)易云音樂實(shí)現(xiàn)一個(gè)音樂項(xiàng)目的詳細(xì)流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
詳解React Fiber的工作原理
這篇文章主要介紹了React Fiber的工作原理的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用React框架，感興趣的朋友可以了解下
2021-04-04