Estoy usando Node.js 16.13.1 y creé una aplicación React e intenté usar Sass, pero cuando intento ejecutarlo, aparece este error:
Node Sass versión 7.0.0 no es compatible con ^4.0.0 || ^5.0.0 || ^6.0.0
Resolví este problema usando la versión 4.14.1 de node-sass con los siguientes comandos.
con npm
npm uninstall node-sass npm install node-sass@4.14.1con hilo
yarn remove node-sass yarn add node-sass@4.14.1Si desea utilizar SCSS y Sass en su aplicación React, intente hacer esto:
Primero elimine node-sass :
yarn remove node-sassSi usa npm:
npm uninstall node-sass Luego instale sass en lugar de node-sass :
yarn add -D sasso
npm i -D sass¡Finalmente sus archivos SCSS y Sass se compilarán correctamente!
node-sass está en desuso. En su lugar, use sass .
Puedes desinstalar el antiguo e instalar el nuevo
npm uninstall node-sass npm install sass Pero si prefieres usar node-sass
Puede usar la siguiente tabla para instalar la versión adecuada node-sass para su versión de nodo instalada, que puede verificar con el comando node --version
npm install node-sass@(your version)Simplemente puede hacer npm install node-sass@6.0 .
Esto se debe a que Node.js 16 es compatible con la versión 6.0 de node-sass.
Tengo el mismo problema. Al momento de instalar 'node-sass', mi versión de Node.js es 15.
Después de degradar la versión del nodo nodo-12 e instalar el nodo-sass relacionado con el nodo-12, funcionó bien.
node -v # Output: v15.2.0 nvm use 12.18.3Ahora usando el nodo v12.18.3 (npm v6.14.6)
node -v # Output: v12.8.3 npm install node-sass@4.14.1Para asegurarse de que funciona correctamente, agregue un archivo abc.sass . Y escriba estilos e impórtelos en el componente.
Recibí este error hace dos meses. Probé todas y cada una de las soluciones que probablemente pueda encontrar.
Compruebe si ha creado varios proyectos de React en el escritorio. Hice lo mismo y comencé a enfrentar este problema. Combínalos todos dentro de una sola carpeta para deshacerte del error. Funcionó para mí. Intente esto si está cometiendo el mismo error.
Tuve el mismo problema con sass y ejecuté estos comandos como se muestra a continuación, pero ninguno de ellos funciona.
npm uninstall node-sass npm install sassasí que finalmente eché un vistazo a mi paquete.json y vi que instalé sass-loader, así que lo desinstalé e instalé y el problema se solucionó. puede usar los comandos a continuación para eso.
npm uninstall sass-loader npm install sass-loaderPuedes simplemente cambiar a sass
in your package.json "node-sass": "npm:sass@^1.49.9",explicación
React aún solicita node-sass después de eliminarlo y reemplazarlo con sass para que pueda alias así y ahora reaccionar usará sass