css - 如何修复 "no such file or directory, lstat ' scss/'"？

Question

我正在尝试遵循 youtupe 上的简单教程 https://www.youtube.com/watch?v=gYzHS-n2gqU&t=900s他正在尝试使用 tirminal 运行 npm 脚本“sass”文件。
-当我执行命令时 npm run sass 显示一条错误消息错误:ENOENT:没有这样的文件或目录，lstat 'scss/'

-我认为问题出在文件路径或文件权限，应该在哪里配置以查找正确的目录。
- 这是folder structure
-当我将脚本替换为:

"scripts": {
    **"sass": "echo \"Error: no test specified\" "**
  },

它工作正常。,但是

"scripts": {
    "sass": "node-sass -w scss/ -o dist/css/ --recursive" 
  },

给我一​​个错误。 包.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"
  }
}

-作为终端应该显示的教程点:

abrahem_portfolio@1.0.0 sass C:\Users\Abrahim\Abrahem_portfolio node-sass -w scss/ -o dist/css/ --recursive

-但它显示错误:

abrahem_portfolio@1.0.0 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! abrahem_portfolio@1.0.0 sass: `node-sass -w scss/ -o dist/css/ --recursive `
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the abrahem_portfolio@1.0.0 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

元素结构如下所示:/image/KG082.png

Answer 1

在查看文件夹结构时，您可以发现

"scripts": {
    "sass": "node-sass -w scss/ -o dist/css/ --recursive" 
  },

命令查找名为 scss 的文件夹，但在您的元素结构中有一个名为 sass 的文件夹因此，可以通过将 sass 文件夹重命名为 scss 来解决此错误。

以下解决方案可以解决该问题:

"scripts": {
    "sass": "node-sass -w sass/ -o dist/css/ --recursive" 
  },