css - 使用 --watch 标志时 Node-sass 将不起作用

Question

我在运行 node-sass 时使用“--watch”或“-w”标志时遇到问题。我已将 node-sass 安装为 devDependency 并指定了一个脚本来运行 node-sass。问题是，当我在没有任何标志的情况下运行脚本时，一切正常并且 SCSS 代码已编译，但是当我添加“--watch”标志时，它甚至不会编译初始代码，也不会检测任何文件变化。我做了很多研究，但一无所获。我将把脚本留在下面，我很乐意提供任何其他可能有助于解决此问题的信息。

内部package.json:

"scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css"
 }

当我运行 npm runco​​mpile:sass 并得到以下输出时，效果很好:

natours@1.0.0 compile:sass /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours
node-sass sass/main.scss css/style.css

Rendering Complete, saving .css file...
Wrote CSS to /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours/css/style.css

但是当我将脚本更改为:

"scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css -w"
}

我得到这个输出:

natours@1.0.0 compile:sass /Users/lucabarcelos/WebstormProjects/AdvancedCSS/Natours
node-sass sass/main.scss css/style.css -w

它一直等待文件更改，但当我实际更改某些内容时，什么也没有发生。

Answer 1

我在做同样的natours时遇到了同样的问题;-)当然。和node-sass的版本有关。

npm uninstall node-sass --save-dev

然后安装版本 4.5.3:

npm install node-sass@4.5.3 --save-dev.

如果这不起作用，请查看https://github.com/jonasschmedtmann/advanced-css-course/blob/master/npm-fixes.md