I'm trying to set up node-sass, following the instructions on CSS-Tricks. Node and npm are installed correctly, and the node-sass installation worked too. When I go to run node-sass --output-style compressed -o dist/css src/scss
, though, I get an error message stating
'node-sass' is not recognized as an internal or external command, operable program or batch file.
I've done a fair bit of Googling and searched Stack Overflow directly. My question isn't about "node" not being recognised as a command. I know node is working as I can run node -v
and npm -v
, and node-sass was successfully installed after running npm install --save-dev node-sass
(there's a folder in node_modules) and no errors appeared in the command line.
Other information: I am running Windows 10 and just did a clean install of node and npm before trying to use node-sass.
EDIT: I uninstalled and reinstalled with -g thanks to @Bhavik's suggestion, and it's now working
This problem happens because the version of node-sass that you have installed is no longer compatible with the version of node you are trying to run it with.
The “-v” command checks the version of SASS you have installed. If you don't have it installed, it will come back as not installed.
You can use npx to run node-sass. npx will check if you have a global path to the npm package, and if not, it will temporaily download and execute it. For instance, to run node-sass and check version.
You need to install it globally
npm install -g node-sass
Or add it in package.json
"devDependencies": {
"node-sass": "4.5.0"
},
"scripts" : {
"node-sass": "node-sass --output-style compressed -o dist/css src/scss"
}
And then do
1. npm i
, which in this case would be similar to npm install --save-dev node-sass
2. npm run node-sass
Reference: npm scripts, npm-run-scripts
You can simply run this code
Hopefully work
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With