web-dev-qa-db-fra.com

Pour importer des fichiers Sass, vous devez d'abord installer node-sass

En exécutant create-react-app, j'obtiens l'erreur dans mon application create-react-app:

Pour importer des fichiers Sass, vous devez d'abord installer node-sass. Courir npm install node-sass ou yarn add node-sass dans votre espace de travail.

J'ai installé node-sass.

package.json:

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

dossier node_modules du projet:

enter image description here

J'ai désinstallé, réinstallé, mis à jour, nettoyé le cache, etc. Comment résoudre le problème?

node.jssasscreate-react-appnode-sass
7
user210757

J'ai eu le même problème et définir le SASS_PATH la variable d'environnement l'a corrigé pour moi.

Par exemple, si vous utilisez docker-compose.yml puis ajouter:

environment:
  - SASS_PATH=node_modules:src

Peut-être que quelqu'un d'autre peut expliquer pourquoi cela était nécessaire.

1
Philippe Gerber

Dans mon cas ci-dessous était mon erreur,

./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.

L'erreur se produisait même si j'avais installé node-sass globalement ce qui était bizarre.

J'ai pensé react-scripts n'a pas pu reconnaître node-sass dans son environnement, j'ai donc ajouté une dépendance node-sass dans le système installé globalement react-scripts paquet

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

Dans la commande ci-dessus, j'installe en fait node-sass dans un package react-script qui est une bibliothèque, cela pourrait résoudre le problème dans mon cas,

Attention aux commandes, parce que je suis dong --unsafe-perm, Lisez-le avant de le faire

0
Sivashanmugam Kannan