Reputation: 57
i'm trying to follow a simple tutorial on youtupe https://www.youtube.com/watch?v=gYzHS-n2gqU&t=900s where he is tring to run an npm scripts "sass" file using the tirminal.
-When i execut the command npm run sass shows me an error message
Error: ENOENT: no such file or directory, lstat 'scss/'
-I think the problem with the path of file or permissions on the file, where should configure in way to looks in the correct director.
- here is folder structure
-When i replace the script with :
"scripts": {
**"sass": "echo \"Error: no test specified\" "**
},
it work fine. ,but
"scripts": {
"sass": "node-sass -w scss/ -o dist/css/ --recursive"
},
give me an error. package.json:
{
"name": "abrahem_portfolio",
"version": "1.0.0",
"description": "PortFolio",
"main": "index.js",
"scripts": {
**"sass": "node-sass -w scss/ -o dist/css/ --recursive"**
},
"author": "Abrahem Gh",
"license": "ISC",
"dependencies": {
"node-sass": "^4.12.0"
}
}
-As the tutorial point that the terminal should show this:
[email protected] sass C:\Users\Abrahim\Abrahem_portfolio node-sass -w scss/ -o dist/css/ --recursive
-but it shows an error:
[email protected] sass C:\Users\Abrahim\Abrahem_portfolio node-sass -w scss/ -o dist/css/ --recursive
fs.js:114
throw err;
^
Error: ENOENT: no such file or directory, lstat 'scss/'
at Object.lstatSync (fs.js:845:3)
at Object.module.exports.parseDir (C:\Users\Abrahim\Abrahem_portfolio\node_modules\sass-graph\sass-graph.js:153:10)
at Object.watcher.reset (C:\Users\Abrahim\Abrahem_portfolio\node_modules\node-sass\lib\watcher.js:17:21)
at watch (C:\Users\Abrahim\Abrahem_portfolio\node_modules\node-sass\bin\node-sass:260:20)
at run (C:\Users\Abrahim\Abrahem_portfolio\node_modules\node-sass\bin\node-sass:319:5)
at Object.<anonymous> (C:\Users\Abrahim\Abrahem_portfolio\node_modules\node-sass\bin\node-sass:405:3)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] sass: `node-sass -w scss/ -o dist/css/ --recursive `
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] sass script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Abrahim\AppData\Roaming\npm-cache\_logs\2019-08-25T07_38_42_251Z-debug.log
The project structure looks like the following: https://i.sstatic.net/KG082.png
Upvotes: 3
Views: 10899
Reputation: 471
Its working after write full path
"sass": "node-sass --watch public/user/assets/scss/main.scss public/user/assets/css/style.css"
Upvotes: 0
Reputation: 5811
When looking at your folder structure you can spot that the
"scripts": {
"sass": "node-sass -w scss/ -o dist/css/ --recursive"
},
command looks for a folder named scss
but in your project structure you have a folder called sass
This error can thus be solved by renaming the sass
folder to scss
.
The following solution would fix the problem:
"scripts": {
"sass": "node-sass -w sass/ -o dist/css/ --recursive"
},
Upvotes: 2