web-dev-qa-db-ja.com

Sassファイルをインポートするには、まずnode-sassをインストールする必要があります

Create-react-appを実行すると、create-react-appアプリケーションでエラーが発生します。

Sassファイルをインポートするには、最初にnode-sassをインストールする必要があります。ワークスペース内でnpm install node-sassまたはyarn add node-sassを実行します。

Node-sassがインストールされています。

package.json：

  "devDependencies": {
    "node-sass": "^4.13.0"
  }

プロジェクトnode_modulesフォルダー：

enter image description here

アンインストール、再インストール、更新、キャッシュのクリーニングなどを行いました。どのように修正すればよいですか？

node.jssasscreate-react-appnode-sass
7
user210757

同じ問題があり、SASS_PATH環境変数によって修正されました。

たとえば、docker-compose.yml それから加えて：

environment:
  - SASS_PATH=node_modules:src

たぶん、他の誰かがこれが必要だった理由を説明できるでしょう。

1
Philippe Gerber

以下の私の場合、私のエラーでした、

./src/modules/TestListing/components/SurveyCard/index.scss 

/usr/local/lib/node_modules/react-scripts/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!

/usr/local/lib/node_modules/react-scripts/node_modules/postcss-loader/src??postcss!

/usr/local/lib/node_modules/react-scripts/node_modules/resolve-url-loader??ref--6-oneOf-5-3!

/usr/local/lib/node_modules/react-scripts/node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!

./src/modules/TestListing/components/SurveyCard/index.scss)


To import Sass files, you first need to install node-sass.
Run `npm install node-sass` or `yarn add node-sass` inside your workspace.

奇妙なことにnode-sassをグローバルにインストールしたにもかかわらず、エラーが発生していました。

その環境でreact-scriptsがnode-sassを認識できないと考えたため、グローバルにインストールされたreact-scriptsパッケージにnode-sass依存関係を追加しました

cd /usr/local/bin/node_modules/react-scripts
Sudo npm install --unsafe-perm node-sass

上記のコマンドでは、実際にnode-sassをライブラリであるreact-scriptパッケージにインストールしています。私の場合、問題を修正できますが、

コマンドに注意してください、私はドン[--unsafe-perm]なので、行う前に読んでください

0
Sivashanmugam Kannan