无法 npn 运行 sass

Question

I am in folder C:\Users\borka\Desktop\Courses\HTML & CSS (Traversy)\Sandbox\13_sass , using a bash terminal in VSCode and npm version 6.14.8 .

I have successfully run npm init -y and npm install node-sass , then edited the package.json file to contain "scripts": { "sass": "node-sass -w scss/ -o dist/css/ --recursive" } .

然后，我创建了一个包含main.scss的scss目录，以及一个dist目录。 最后，我运行npm run sass ，但它失败了，这就是我得到的：

> 13_sass@1.0.0 sass C:\Users\borka\Desktop\Courses\HTML & CSS (Traversy)\Sandbox\13_sass
> node-sass -w scss/ -o dist/css/ --recursive

'CSS' is not recognized as an internal or external command,
operable program or batch file.
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'C:\Users\borka\Desktop\Courses\node-sass\bin\node-sass'    
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)       
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! 13_sass@1.0.0 sass: `node-sass -w scss/ -o dist/css/ --recursive`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the 13_sass@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\borka\AppData\Roaming\npm-cache\_logs\2021-01-31T16_01_42_707Z-debug.log

请注意错误：找不到模块行如何显示完全错误的路径，甚至不存在。

我以前从未与 sass 合作过，我不知道问题是什么。

Answer 1

我还不能发表评论，但我认为你正在寻找的 package 将你的 SASS 编译成 CSS 就是这个。 我注意到您使用node-sass而不是常规的sass 。 您可以通过运行安装它：

npm install -g sass

在你的系统上全局安装它，然后编译你的 SASS。

试试我分享的那个，或者，如果你使用的是像 VSCode 这样的 IDE，你可以下载像Live Sass 编译器这样的扩展（这是我通常使用的编译器）。

Answer 2

显然，路径中的 & 符号是原因。 我从文件夹名称“HTML & CSS”中删除了它，现在一切都很好。