SCSS文件监视程序无法打开文件-WebStorm

Question

我无法使用WebStorm的SCSS文件监视程序来编译Bootstrap SCSS文件。

我已经下载了适用于Windows的sass-dart，并尝试将WebStorm的文件查看器指向dart-sass \ sass.bat和dart-sass \ src \ dart.exe

文件监视程序已启用，这并不是我在这里的其他问题中看到的文件监视程序不断禁用的常见问题。

这是我在WebStorm中使用的文件监视程序设置：

当我使用dart-sass \ src \ dart.exe时，结果是：

Could not load "bootstrap-grid.scss:bootstrap-grid.css": Unknown scheme (bootstrap-grid.scss) for bootstrap-grid.scss:bootstrap-grid.css
null

当我使用dart-sass \ sass.bat时，结果是：

Error reading bootstrap-grid.scss:bootstrap-grid.css: Cannot open file.

很显然，我希望它能无错误运行并吐出正确编译的CSS文件！

Answer 1

使用类似的观察程序设置对我来说效果很好。您为文件查看器指定了什么工作目录？请确保将其设置为$FileDir$：