SCSS 文件观察器无法打开文件 - WebStorm答案

【问题标题】：SCSS file watcher cannot open file - WebStormSCSS 文件观察器无法打开文件 - WebStorm
【发布时间】：2019-09-25 10:55:41
【问题描述】：

我无法让 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 文件！

【问题讨论】：

【解决方案1】：

使用类似的观察者设置对我来说很好。您为文件观察程序指定了哪个工作目录：？请确保设置为 $FileDir$ :

【讨论】：

感谢您的回答！我检查了 $FileDir$ 是工作目录
相同的命令在终端中工作吗？ cd 到你的 SCSS 文件目录，运行 path\to\dart-sass\sass.bat <scc_file_name>.scss:<scc_file_name>.css - 结果是什么？