无法使用WebStorm设置Compass

Question

我试图在预先存在的WebStorm项目中设置Compass，但是css文件没有正确链接。我已经厌倦了改变相关链接，但没有运气。

我通过运行config.rb生成了文件夹和compass init。理想情况下，我希望移动这些文件夹，使它们都在public下（即sass，样式表等）

我将它们包含在layout.jade和

中

 link(rel='stylesheet', href='/stylesheets/screen.css'
    media="screen, projection" type="text/css" )

见截图：

//删除，因为我无法发布那么多链接

我没有收到任何错误，这些样式不适用于该页面。

修改

我非常困惑 - 样式表下的css看起来是正确的，但是scss文件下的css有错误＆＃39;要导入的文件未找到或不可读：指南针/重置。在screen.scss＆＃39;的第6行。为什么有两个css文件？：

编辑3：

错误似乎在这里，但我无法弄清楚如何解决它？

Answer 1

我发现了这个问题：

因为：

app.use(express.static(path.join(__dirname, 'public')));

在app.js中，layout.jade中的jade代码编译自：

layout.jade

href='/stylesheets/screen.css'

成：

index.html

href='/public/stylesheets/screen.css'

移动样式表等文件夹是公开的，更新config.rb修复它。

config.rb：

css_dir = "/public/stylesheets"
sass_dir = "/public/sass"
images_dir = "/public/images"
javascripts_dir = "/public/javascripts"