React node sass error

Name already in use

node-sass / TROUBLESHOOTING.md

• Go to file T
• Go to line L
• Copy path
• Copy permalink

9 contributors

Users who have contributed to this file

Copy raw contents

Copy raw contents

This document covers some common node-sass issues and how to resolve them. You should always follow these steps before opening a new issue.

If you see a 404 when trying to install node-sass, this indicates that you’re trying to install a version of node-sass that doesn’t support your version of NodeJS, or uses an alternate V8 environment (Meteor, Electron, etc. ) that isn’t supported by node-sass.

If you encounter this, please check what version of NodeJs you’re running ( node -v ) and check for a supported version of node-sass for your NodeJs by checking our release page.

If you work in behind a corporate proxy try setting the proxy variables. The following is a guide for setting this up.

Running with sudo or as root

This can happen if you are install node-sass as root , or globally with sudo . This is a security feature of npm . You should always avoid running npm as sudo because install scripts can be unintentionally malicious. Please check npm documentation on fixing permissions.

If you must however, you can work around this error by using the —unsafe-perm flag with npm install i.e.

If this didn’t solve your problem please open an issue with the output from our debugging script.

Some users upgrading from previous versions of npm before 5 have found conflicts with old lock file formats. This may be show up as a URL instead of the actual version number when downloading the binary. EX:

The easiest way to get around this is just to cleanup the npm files and reinstall.

Helping us, help you

Find what version of Node you’re running

To determine which version of Node.js or io.js you are currently using run the following command in a terminal.

The resulting value the version you are running.

Debugging installation issues

Node sass runs some install scripts to make it as easy to use as possible, but some times there can be issues. Before opening a new issue please follow the instructions for Windows or Linux/OSX and provide their output in you GitHub issue.

Remember to always search before opening a new issue.

Firstly create a clean work space.

Check your COMSPEC environment variable.

Please make sure the variable points to C:WINDOWSSystem32cmd.exe

Gather some basic diagnostic information.

Clean npm cache

Install the latest node-sass

Note which version was installed by running

If node-sass couldn’t be installed successfully, please publish your npm.log and npm.err files for analysis.

You can download reference known-good logfiles to compare your log against.

If node-sass install successfully lets gather some basic installation information.

If the node-sass installation process produced an error, open the vendor folder.

Then, using the version number we gather at the beginning, go to https://github.com/sass/node-sass/releases/tag/v .

There you should see a folder with same name as the one in the vendor folder. Download the binding.node file from that folder and replace your own with it.

Test if that worked by gathering some basic installation information.

If this still produces an error please open an issue with the output from these steps.

Firstly create a clean work space.

Gather some basic diagnostic information.

Install the latest node-sass

Note which version was installed by running

If node-sass install successfully lets gather some basic installation information.

If the node-sass installation process produced an error, open the vendor folder.

Then, using the version number we gather at the beginning, go to https://github.com/sass/node-sass/releases/tag/v .

There you should see a folder with same name as the one in the vendor folder. Download the binding.node file from that folder and replace your own with it.

Test if that worked by gathering some basic installation information.

If this still produces an error please open an issue with the output from these steps.

Using node-sass with Visual Studio 2015 Task Runner

Источник

SCSS loading with Create React app #93

Using SASS as in example doesn’t seem to be working and produces this error:

I’ve created fresh project with Create React app in TypeScript. Line 1 contains @import

My .storybook/config.js contains only this:

EDIT: Also hot reloading doesn’t seem to work at all with this.

The text was updated successfully, but these errors were encountered:

I think the problem is that the module node-sass is a dev-dependency while they actually use it. At least I’m getting that error on the console.

Same error here

Same here. Looking for answers

@peiris @morrigan do you have any webpack configs in main.js?

Sorry for not replying earlier. I was able to solve the issue on a fresh storybook installation.

@peiris i had some webpack config, so i guess that was messing up with react-scripts(create-react-app) webpack configs.once i remove by storybook webpack config.it worked fine.

Same error here

@t596502 do you have any webpack configuration in storybook setting/or main.js in .storybook folder?

Same error for me using the example or trying @storybook/preset-scss

main.js

Error

@deckardd in my case webpack configuration was not there and i was not using cra that provide inbuilt webpack conf and with cra i have to install node-sass module to fix.dont know how exactly it got fixed.

@t596502 do you have any webpack configuration in storybook setting/or main.js in .storybook folder?
I have solved
storybook/main.js

@t596502 are you using create-react-app(react-scripts) in your project?

I am having the same issue.

The error (appears once for every scss file)

I am not using create-react-app, just regular React components transpiled with webpack.

@philyoosays try installing node-saas

Getting the same error. Using CRA and the storybook scss preset

I also got the same error. Fixed it by removing the @storybook/preset-scss addon from my .storybook/main.js :

It collides with @storybook/preset-create-react-app . This is also logged as a warning right at the beginning of my logs:

Having the same issue, trying to use CRA preset with SCSS preset and getting the exact same error. Did anyone to get them both working together somehow? Or how are we supposed to have a CRA with sass?

@simon-tr You removed the SCSS preset and managed to get sass working with the CRA preset?

@QuevedoIB yes, the CRA preset contains an SCSS loader.

I still ran into problems with a global import in my .storybook/preview.js :

The build was hanging at around 67-69% every time, until I removed the loaders from that file path:

Note: I’m using the latest versions of the storybook packages, and of react-scripts .
I also didn’t need to install @storybook/preset-scss , css-loader , sass-loader , or style-loader because these loaders come with react-scripts .

Having same problem. I am using exported SCSS variables to JS:

In preview.js at the top of file I am doing: import ‘!style-loader!css-loader!sass-loader!./reset-storybook.scss’; and in main.js in webpack config:

ERROR

I also got the same error. Fixed it by removing the @storybook/preset-scss addon from my .storybook/main.js :

It collides with @storybook/preset-create-react-app . This is also logged as a warning right at the beginning of my logs:

Thanks a ton @simon-tr I am also using CRA and scss. It is mentioned in their documentation to use

But it breaks if I add ‘@storybook/preset-scss’ to the main.js
So, I am guessing that @storybook/preset-create-react-app already contains preset for scss if you are already using CRA , hence, you don’t need to add ‘@storybook/preset-scss’ addon.

@t596502 are you using create-react-app(react-scripts) in your project?

Did anyone solved it? Got the same problem here.

I’m getting the same error. I followed this doc to add sass support but obviously it’s not working well. But commenting @storybook/preset-create-react-app SB works again so I don’t know what I’m missing here. I’m using Storybook 6 and CRA 4 and installed node-sass@4.14.1 (I’m using 4.14.1 because the CRA node-sass@5 issue).

I’m using Storybook 6.1.3. Followed the instructions from this link. Didn’t worked and I was receiving the same error as seen above. Tried to uninstall everything related to the instructions of the mentioned link and just import the .scss in preview.js and it worked like a charm. I guess that the SCSS preset isn’t necessary anymore for version 6.

I still need to use webpackFinal to compile Sass using CRA4, so I think the preset doesn’t work with Storybook 6.1.x (or less? That’s just what I’m on), at least not for compiling SCSS. I’m actually pretty unfamiliar with this package and I think it was included when I initiated a new Storybook on a new CRA project.

Edit: Found the definitive answer lol.

Perhaps, if this is within the scope of presets, it should maybe diff webpack with the webpackFinal one and see if there is a conflicting rule or maybe a warning if ‘sass-loader’ is found with a css rule. It seems oddly specific, but I feel like this is an easy issue to run into without an immediately obvious answer.

I’m down to contribute, if what I suggested makes sense, if any maintainer sees this.

Источник

Recieve error when install node-sass by yarn . #1781

I have installed node-sass by yarn, but I get error:

Could you please let me know to fix this error ?

The text was updated successfully, but these errors were encountered:

@nschonni this also looks tangentially related to the cache patch. My guess is yarn isn’t BC with npm config.

@NicolasAndersen what version of yarn are you using?

@xzyfer I’m having the same issue on yarn v0.16.1

Modifying the yarn.lock file back to node-sass version 3.10.0 is the temporary workaround I’m using right now.

Thanks @scottcarlson this is a bug in yarn that was exposed by a recent change in node-sass.

Opened an issue with yarn — yarnpkg/yarn#1632

thank @xzyfer and @scottcarlson . I using yarn version 0.16.1. I have removed folder node_modules then use npm install and it worked. Thank you again. You can close this ticket.

I’ll leave this open. This is an issue for yarn support.

I just solved it by setting the cache config to yarn. It seems like yarn does set all npm_config_* env vars, but cache doesn’t exist by default.

$ yarn config set cache

Interesting observation @daltones. That’s a case we currently do no handle gracefully.

I have a work around in #1782.

Thanks for the workaround, @daltones. This worked for me:

yarn cache dir returns the current cache dir.

I’ve released v3.11.1 with a patch until yarn is fixed.

this command helped me a lot
yarn —cache-folder

so here is the story:
i was downloading a new repo from github.. the instractions of instalation tell that i should install yarn globaly and then execute yarn
npm i -g yarn && yarn
after that i had an erro like
yarn install v1.9.4 [1/6] Validating package.json. [2/6] Resolving packages. [3/6] Fetching packages. info There appears to be trouble with your network connection. Retrying. info fsevents@1.1.3: The platform «linux» is incompatible with this module. info «fsevents@1.1.3» is an optional dependency and failed compatibility check. Excluding it from installation. [4/6] Linking dependencies. [5/6] Building fresh packages. [-/5] ⠠ waiting. [-/5] ⠠ waiting. [-/5] ⠠ waiting. [4/5] ⠐ node-sass error /media/root/dev/programmation/dev web/trudesk/node_modules/node-sass: Command failed. Exit code: 135 Command: node scripts/build.js Arguments: Directory: /media/root/dev/programmation/dev web/trudesk/node_modules/node-sass Output: Binary found at /media/root/dev/programmation/dev web/trudesk/node_modules/node-sass/vendor/linux-x64-57/binding.node

i saw all comments here and i found the answer of @jbruni (thank you man by the way 🙂 ) but it could help me.. so when i did yarn —help i found —cache-folder

for specifying cache folder . the magic happened .. all my problem solved and the result was like

Источник

Can not install node-sass — ERR! Failed at the node-sass@4.5.3 postinstall script ‘node scripts/build.js’. #1980

I have an error when i run npm install node-sass , i have already the last versions of node and npm (LTS) and previously already installed npm install -g windows-build-tools

Please, i need your help i can not figure out what is the issue?, and how to solved.

This is my platform:

• NPM version ( npm -v ): 3.10.10
• Node version ( node -v ): 6.10.3
• Node Process ( node -p process.versions ):

• Node Platform ( node -p process.platform ): win32
• Node architecture ( node -p process.arch ): x64
• node-sass version ( node -p «require(‘node-sass’).info» ):
• npm node-sass versions ( npm ls node-sass ):

Error message from npm install node-sass

postinstall: unsafe-perm in lifecycle true npm verb lifecycle node-sass@4.5.3

postinstall: PATH: C:Program Filesnodejsnode_modulesnpmbinnode-gyp-bin;C:Users carlosmAppDataRoamingnpmnode_modulesnode-sassnode_modules.bin;C:UserscarlosmAppDataRoamingnpmnode_modules .bin;%SystemRoot%system32WindowsPowerShellv1.0;C:Python27;C:Python27Scripts;C:appsoracleproduct11.2.0client _1bin;C:ProgramDataOracleJavajavapath;C:Windowssystem32;C:Windows;C:WindowsSystem32Wbem;C:WindowsSystem32W indowsPowerShellv1.0;C:Program FilesTortoiseSVNbin;C:Program Filesnodejs;C:Program Files (x86)Windows Kits8.1 Windows Performance Toolkit;$PATH;D:JAVAapache-tomcat-8.0.9/bin;C:Program Files (x86)VSCode-win32-1.11.2;C:Pytho n27;C:UserscarlosmAppDataRoamingnpm npm verb lifecycle node-sass@4.5.3

postinstall: CWD: C:UserscarlosmAppDataRoamingnpmnode_modulesnode-sass npm info lifecycle node-sass@4.5.3

I follow the template, please do not close the issue, i have already three day without solution to this issue

The text was updated successfully, but these errors were encountered:

postinstall: unsafe-perm in lifecycle truenpm verb lifecycle ***@***.***

postinstall: PATH: C:Program Filesnodejsnode_modulesnpmbinnode-gyp-bin;C:UserscarlosmAppDataRoamingnpmnode_modulesnode-sassnode_modules.bin;C:UserscarlosmAppDataRoamingnpmnode_modules.bin;%SystemRoot%system32WindowsPowerShellv1.0;C:Python27;C:Python27Scripts;C:appsoracleproduct11.2.0client_1bin;C:ProgramDataOracleJavajavapath;C:Windowssystem32;C:Windows;C:WindowsSystem32Wbem;C:WindowsSystem32WindowsPowerShellv1.0;C:Program FilesTortoiseSVNbin;C:Program Filesnodejs;C:Program Files (x86)Windows Kits8.1Windows Performance Toolkit;$PATH;D:JAVAapache-tomcat-8.0.9/bin;C:Program Files (x86)VSCode-win32-1.11.2;C:Python27;C:UserscarlosmAppDataRoamingnpmnpm verb lifecycle ***@***.***

postinstall: CWD: C:UserscarlosmAppDataRoamingnpmnode_modulesnode-sassnpm info lifecycle ***@***.***

Источник

In this post, we will explore How To Fix – Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. .

While using React you get the following error in this scenario –

Failed to compile.
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

Other formats of the same error based on other versions –

Failed to compile.
Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. || ^5.0.0.

Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.

Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0

Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0.

Primitive Checks:

I assume you have installed or setup some or all of the below components(some version of those)

• Npm
• Node.js
• React
• Node-sass ( or LibSaas – Deprectaed from 2020)
• Sass
• Yarn

The obvious cross-check to be done is the compatibility between Node.js & Node-sass version for your setup. Refer the below list taken from – https://www.npmjs.com/package/node-sass. 

Use the Latest version preferrably.

(PS – Be aware that – Node-sass or LibSass was deprecated from October 26 2020. As an alternative, you are advised to use Sass or Dart Sass (https://sass-lang.com/dart-sass))

Refer this table for the version compatibility. e.g. If you are using Node.js version-17 on your system, then use the appropriate node-sass version-7.0

npm install [email protected]

This practice will tick of the first step in the right direction.

Quick Solution:

Be aware that – Node-sass or LibSass was deprecated from October 26 2020. As an alternative, you are advised to use Sass or Dart Sass (https://sass-lang.com/dart-sass)

Quick solution is to remove Node-saas and use Saas instead.

• Remove Node-sass

yarn remove node-sass

OR

npm uninstall node-sass

• Install Sass

yarn add -D sass

OR

npm i -D sass

If the above doesn’t fix your error, we will go in a more detailed approach to handle error. Follow along the steps.

Step 1 :

Be aware that – Node-sass or LibSass was deprecated from October 26 2020. Hence you are advised to directly follow Step2.

BUT  for some reason, if you still need to use Node-saas, then follow along these Step 1 process.

• Remove node_modules directory
• Remove lock file package-lock.json

For npm use - 

Remove package-lock.json

For yarn use -

Remove yarn.json

• Install the Right Dependent Node-saas version ( as per above table)

npm uninstall node-sass
npm install [email protected]_NO

• Start The Build or Rebuild for your Project.

Step 2 :

Be aware that – Node-sass or LibSass was deprecated from October 26 2020.

As an alternative, you are advised to use Sass or Dart Sass (https://sass-lang.com/dart-sass)

If you are using NPM as Package Manager, use the below steps –

• Uninstall Node-sass

npm uninstall node-sass

• Uninstall Sass-loader

npm uninstall sass-loader

• Install Sass

npm install sass --save-dev

OR

npm install -g sass
npm install --save-dev sass

NOTE: Use –save-dev in Dev environment – Otherwise avoid it.

• Restart the Node Server

If you are using Yarn as Package Manager, use the below steps –

• Delete the Yarn.lock file for the project
• Uninstall Node-sass

yarn remove node-sass

• Uninstall Sass-loader

yarn remove sass-loader

• Install Sass

yarn add sass

• Restart the Server

Hopefully by now, sass is installed for you.

As a next step,

• Go to your “Package.json” file.
• Add below . This is because React might still look for Node-sass. So we are replacing (Alias) with “Sass”. So now react will use sass henceforth.

"node-sass": "npm:[email protected]^X.Y.Z" ( X.Y.Z USE YOUR SAAS VERSION NO)

"devDependencies": { "node-sass": "^a.b.c", "sass-loader": "^X.Y.Z" } (X.Y.Z USE YOUR SAAS VERSION NO)

Once you are done with the above steps, go ahead with the Build process.

• Remove node_modules directory
• Remove lock file

For npm use - 

Remove package-lock.json

For yarn use -

Remove yarn.json

• Start The Build or Rebuild for your Project.

Hopefully your issue is resolved by now.

Other Interesting Reads –

• How to Update or Upgrade Gradle version in Android Studio?

• How To Fix – “app:processDebugResources FAILED” in Android Studio ?

• How To Fix – “Error: No Toolchains Found in the NDK Toolchains Folder” in Android ?

• How To Fix – Error “ENOSPC: System Limit for Number of File Watchers Reached” ?

• How To Fix – “Error: Unable To Find Utility “Instruments”, Not A Developer Tool or In PATH” ?

• How to Fix – Uncaught TypeError: a.indexOf is Not a Function ?

• How To Fix – Error “SDK location not found” in Android, React Native or Flutter ?

• How to Send Large Messages in Kafka ?

• Fix Spark Error – “org.apache.spark.SparkException: Failed to get broadcast_0_piece0 of broadcast_0”

• How to Handle Bad or Corrupt records in Apache Spark ?

• How to use Broadcast Variable in Spark ?

• How to log an error in Python ?

Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. ,Error: Node Sass version 5.0.0 is incompatible with ^4.0.0. ,Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. || ^5.0.0. ,Error: Node Sass version 6.0.0 is incompatible with ^4.0.0. ,Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0 ,Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0. ,error node sass version 5.0.0 is incompatible with ^4.0.0 ,node sass version 5.0.0 is incompatible with ^4.0.0. gatsby ,error unsupported state or unable to authenticate data ,exec error node sass version 5.0.0 is incompatible with ^4.0.0 ,how to update node-sass version ,install node-sass error ,node-sass 5.0.0 is not compatible with 4.0.0 ,error node sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0 ,error node sass version 6.0.0 is incompatible with ^4.0.0 ,error node sass version 6.0.1 is incompatible with ^4.0.0 ,error node sass version 7.0.1 is incompatible with ^4.0.0 ,install node sass 4.0.0 ,node sass version 5.0.0 is incompatible with ^4.0.0. angular ,node sass version 5.0.0 is incompatible with ^4.0.0 ,vue error node sass version 6.0.1 is incompatible with ^4.0.0 ,vue syntax error error node sass version 7.0.1 is incompatible with ^4.0.0 ,yarn error node sass version 5.0.0 is incompatible with ^4.0.0 , ,build failed error node sass version 7.0.1 is incompatible with ^4.0.0 ,cra error node sass version 5.0.0 is incompatible with ^4.0.0 ,create react app error node sass version 5.0.0 is incompatible with ^4.0.0 ,difference between sass and node-sass ,error empty pattern not supported ,error incompatible types ,error incompatible types cannot be converted to ,error message browser not supported ,error node sass version 5.0.0 is incompatible with ^4.0.0 ,error node sass version 5.0.0 is incompatible with ^4.0.0. angular ,error node sass version 5.0.0 is incompatible with ^4.0.0. at gates implementation ,error node sass version 5.0.0 is incompatible with ^4.0.0. react ,error node sass version 5.0.0 is incompatible with ^4.0.0. sass-loader ,error node sass version 5.0.0 is incompatible with ^4.0.0. symfony ,error node sass version 6.0.0 is incompatible with ^4.0.0 ,error node sass version 6.0.0 is incompatible with ^4.0.0. at getrenderfuncfromsassimpl ,error node sass version 6.0.1 is incompatible with ^4.0.0. angular ,error node sass version 6.0.1 is incompatible with ^4.0.0. at gates implementation ,error node sass version 6.0.1 is incompatible with ^4.0.0. at getrenderfuncfromsassimpl ,error node sass version 6.0.1 is incompatible with ^4.0.0. react ,error node sass version 6.0.1 is incompatible with ^4.0.0. sass-loader ,error node sass version 6.0.1 is incompatible with ^4.0.0. yarn ,error node sass version 7.0.0 is incompatible with ^4.0.0 ,error node sass version 7.0.0 is incompatible with ^4.0.0 ^5.0.0 ,error node sass version 7.0.1 is incompatible with ^4.0.0 ,error node sass version 7.0.1 is incompatible with ^4.0.0. angular ,error node sass version 7.0.1 is incompatible with ^4.0.0. at gates implementation ,error node sass version 7.0.1 is incompatible with ^4.0.0. at getrenderfuncfromsassimpl ,error node sass version 7.0.1 is incompatible with ^4.0.0. react ,error node sass version incompatible with dependencies ,error node sass version incompatible with dependency injection ,error node sass version incompatible with dependency tree ,error node sass version incompatible with header ,error node sass version incompatible with host ,error node sass version incompatible with hostname ,error node sass version incompatible with https ,error node sass version incompatible with hyper-v ,error node sass version incompatible with java ,error node sass version incompatible with java 8 ,error node sass version incompatible with jdbc ,error node sass version incompatible with jenkins ,error node sass version incompatible with kafka ,error node sass version incompatible with kotlin ,error node sass version incompatible with package ,error node sass version incompatible with package name ,error node sass version incompatible with package.json ,error node sass version incompatible with package.xml ,error node sass version incompatible with plugin ,error node sass version incompatible with query ,error node sass version incompatible with queue ,error node sass version incompatible with the dependency ,error node sass version incompatible with the following ,error node sass version incompatible with this ,error node sass version incompatible with this version ,error node sass version incompatible with typeorm ,error node sass version incompatible with undefined ,error node sass version incompatible with uniqueidentifier ,error node sass version incompatible with update ,error node sass version incompatible with warning ,error node sass version incompatible with windows ,error node sass version incompatible with windows 10 ,error node sass version incompatible with xampp ,error node sass version incompatible with xcode ,error node sass version incompatible with xml ,error node sass version incompatible with zip ,error node sass version incompatible with zip file ,error node sass version incompatible with zoom ,error sass-loader requires node-sass =4. please install a compatible version , ,module build failed error node sass version 5.0.0 is incompatible with ^4.0.0 ,module build failed error node sass version 6.0.1 is incompatible with ^4.0.0 ,module build failed error node sass version 7.0.0 is incompatible with ^4.0.0 ,module build failed error node sass version 7.0.1 is incompatible with ^4.0.0 ,ng error node sass version 5.0.0 is incompatible with ^4.0.0 ,ng error node sass version 6.0.1 is incompatible with ^4.0.0 ,ng error node sass version 7.0.1 is incompatible with ^4.0.0 ,node sass not installing ,node-sass can't install ,node-sass failing to install ,npm error installing node-sass ,npm error node sass version 6.0.1 is incompatible with ^4.0.0 ,npm error node sass version 7.0.1 is incompatible with ^4.0.0 ,syntax error error node sass version 6.0.0 is incompatible with ^4.0.0 ,syntax error error node sass version 6.0.1 is incompatible with ^4.0.0 ,syntax error error node sass version 7.0.0 is incompatible with ^4.0.0 ,