快捷導(dǎo)航

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

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

Node-sass是一個(gè)庫(kù),它將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
但是我沒用這種方法，我用的第二種，親測(cè)有效哦?。?！

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

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

dart-sass已經(jīng)改名了，在npm庫(kù)中這樣寫的：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

親測(cè)可用！

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

React實(shí)現(xiàn)路由鑒權(quán)的實(shí)例詳解
React應(yīng)用中的路由鑒權(quán)是確保用戶僅能訪問其授權(quán)頁(yè)面的方式,用于已登錄或具有訪問特定頁(yè)面所需的權(quán)限,這篇文章就來記錄下React實(shí)現(xiàn)路由鑒權(quán)的流程,需要的朋友可以參考下
2024-07-07
React-router中結(jié)合webpack實(shí)現(xiàn)按需加載實(shí)例
本篇文章主要介紹了React-router中結(jié)合webpack實(shí)現(xiàn)按需加載實(shí)例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-05-05
React 數(shù)據(jù)獲取條件競(jìng)爭(zhēng)原理解析
這篇文章主要為大家介紹了React 數(shù)據(jù)獲取條件競(jìng)爭(zhēng)原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
記React connect的幾種寫法(小結(jié))
這篇文章主要介紹了記React connect的幾種寫法(小結(jié))，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
react中使用redux-persist做持久化儲(chǔ)存的過程記錄
這篇文章主要介紹了react中使用redux-persist做持久化儲(chǔ)存的相關(guān)資料,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2024-01-01
React閉包陷阱產(chǎn)生和解決小結(jié)
閉包陷阱是一個(gè)常見的問題,尤其是在處理異步操作、事件處理器、或是定時(shí)器時(shí),本文就來介紹一下React閉包陷阱產(chǎn)生和解決小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下
2025-04-04
React常見跨窗口通信方式實(shí)例詳解
這篇文章主要為大家介紹了React常見跨窗口通信方式實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
React中setState/useState的使用方法詳細(xì)介紹
這篇文章主要介紹了React中setState/useState的使用方法，useState 和 setState 在React開發(fā)過程中使用很頻繁，但很多人都停留在簡(jiǎn)單的使用階段，并沒有正在了解它們的執(zhí)行機(jī)制
2023-04-04
webpack+react+antd腳手架優(yōu)化的方法
本篇文章主要介紹了webpack+react+antd腳手架優(yōu)化的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-04-04
react中的useEffect()的使用詳解
useEffect()是react中的hook函數(shù),作用是用于創(chuàng)建由渲染本身引起的操作,介紹了依賴項(xiàng)數(shù)組不同的區(qū)別,對(duì)react useEffect()使用相關(guān)知識(shí)感興趣的朋友一起看看吧
2024-05-05