Question

所以我使用Zurb Foundation 6和Underscores构建一个WordPress主题。我通过CLI安装了Foundation，并使用了Atom和基础手表＆＃39;在它的控制台没有问题。我决定尝试使用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我应该添加它作为＆＃34;资源根＆＃34;＆＃34;设置菜单中的项目......但是也没有。

如果有人知道如何让PhpStorm正常工作（我仍然可以运行＆＃39;基础观察＆＃39;但是PhpStorm抱怨变量正在被解决......并且只能通过名称解决...＆＃34; ）我真的很感激。谢谢！

Answer 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.

只需相应地修改文件观察程序的参数：字段

Answer 2

我无法获得基础（或任何其他模块）的导入路径，无需做两件事就可以找到SCSS编译：

1）转到SCSS文件监视器，在其他选项下为SASS_PATH添加一个环境变量，并将其设置为SCSS lib的路径（/ users / me / node_modules / foundation-sites / scss / in my case）< / p>

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

现在编译时没有来自编译器或IDE的警告。

项目SCSS在Atom中工作，但在PhpStorm中不工作

2 个答案: