SCSS 项目在 Atom 中有效，但在 PhpStorm 中无效答案

【问题标题】：Project SCSS works in Atom but not in PhpStormSCSS 项目在 Atom 中有效，但在 PhpStorm 中无效
【发布时间】：2017-11-26 04:41:28
【问题描述】：

所以我正在使用 Zurb Foundation 6 和 Underscores 构建一个 WordPress 主题。我通过 CLI 安装了 Foundation，并且一直在其控制台中使用带有“foundation watch”的 Atom，没有任何问题。我决定尝试 PhpStorm，但在让 SCSS 正常工作时遇到了一些问题。希望有人能帮帮我...

所以我在 PhpStorm 中安装了一个 SCSS 文件观察器（通过 Ruby Gems），看起来没问题，但我一直收到这个错误：

cmd.exe /D /C call C:/Ruby23-x64/bin/scss.bat --no-cache --update app.scss:../css/app.css

error _settings.scss (Line 44: File to import not found or unreadable: util/util.)

因此，由于某种原因，它在查看一些应该导入的 SCSS 文件时遇到问题（Atom/GULP 没有这个问题）。我读过here，我应该将它正在寻找的文件添加为设置菜单中的“资源根”项......但这也不起作用。

如果有人知道我如何让 PhpStorm 正常工作（我仍然可以运行“基础监视”，但 PhpStorm 抱怨变量“仅通过名称解析......”）我将不胜感激。谢谢！

【问题讨论】：

根据stackoverflow.com/questions/21987225/… 中的说明将文件夹标记为资源根目录在这里不起作用，因为它只能修复 PhpStorm 路径解析。你的情况是，错误来自找不到导入文件的 SASS 编译器。

标签： sass zurb-foundation phpstorm webstorm jetbrains-ide

【解决方案1】：

您需要确保将框架文件 (node_modules/foundation-sites/scss) 作为导入路径传递给编译器（请参阅 http://foundation.zurb.com/sites/docs/sass.html#compiling-manually）。这可以使用-I 或--load-path 选项来完成：

-I, --load-path PATH             Specify a Sass import path.

只需修改 Arguments: 相应的文件观察器字段

【讨论】：

感谢您的回复。但我只是不知道该怎么做才能让它继续工作......我已经把它弄乱了一个小时，没有运气。如果您（或其他任何人）可以提供更多帮助，我将不胜感激。这是 PhpStorm 的全新安装，我只是想让它在 Foundation 6 中适用于 SCSS。:(
实际上与 PHPStorm 无关。你只需要让 SCSS 编译器在命令行中工作。显然它无法在 import 语句中使用 URL 解析框架文件，您需要使用 -I 选项将文件所在的目录传递给它

【解决方案2】：

如果不做两件事，我无法为 SCSS 编译找到 Foundation（或任何其他模块）的导入路径：

1) 转到 SCSS File Watcher 并在其他选项下为 SASS_PATH 添加环境变量并将其设置为 SCSS 库的路径（在我的情况下为 /users/me/node_modules/foundation-sites/scss/）

2) 为了防止 phpStorm 发出关于找不到 lib 的警告，我还去了 Preferences/Directories 并添加了 /users/me/node_modules/) 目录并将其中的foundation-sites/scss/文件夹标记为资源路线。

它现在可以在没有来自编译器或 IDE 的警告的情况下进行编译。

【讨论】：