已解決:找不到模塊“sass”反應

可能有多種原因導致您找不到 Sass 模塊。 首先,可能是您的機器上沒有安裝它。 其次,可能是您正在尋找與 React 使用的不同版本的 Sass。 第三,可能是該模塊與 React 不兼容。 最後,可能是當您嘗試使用該模塊時未加載該模塊。

-native

I'm trying to use SASS in my react native project. I installed node-sass and added the following line to my package.json file:
<code>"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "sass": "node-sass --watch app/styles -o app/styles"  //&lt;-- this line is new!
  },</code> 
When I run <code>npm run sass</code>, I get the following error: <code>Error: Cannot find module 'sass'</code>. What am I doing wrong?

上面的代碼試圖將 SASS 樣式表預處理器與 React Native 項目一起使用。 需要先安裝 SASS,這可以通過節點包管理器 (npm) 完成。 安裝 SASS 後,上面的代碼會在項目的 package.json 文件中添加一個腳本,該腳本可以使用 npm 運行以將 SASS 文件編譯成 CSS。 但是,運行腳本時,出現錯誤,提示找不到SASS模塊。 這可能是由於腳本中的拼寫錯誤或使用的 SASS 版本過時所致。

Gulp.js

Gulp.js 是 JavaScript 語言的任務運行器。 它使常見任務的自動化變得容易,例如編譯和縮小代碼、運行測試和生成文檔。

使用 Gulp.js 的好處之一是它可以與任何 JavaScript 項目一起使用。 由於它用途廣泛,您可以使用它來加快開發過程或為您的代碼創建自動構建和測試。

如果您是 Gulp.js 的新手,可以使用一些資源來幫助您入門:

一旦您對 Gulp 的工作原理有了基本的了解,您就可以開始使用它來自動化您的開發過程。 例如,您可以使用它來自動編譯和壓縮您的代碼,對每個更改運行單元測試,並從您的源代碼生成文檔。

Gulp 是做什麼用的

?

Gulp 是 JavaScript 的任務運行器,可幫助您自動化開發過程。 它可用於編譯和源代碼管理、單元測試等。

'屁股%27

Sass 是 CSS 的樣式表語言。 它是 CSS 的超集,這意味著它不僅可以設置 CSS 樣式。 Sass 允許您編寫模塊化和可重用的樣式表,使您的代碼更易於維護。

相關文章:

發表評論