WebStorm + Express：如何修复静态文件分辨率？

Question

该应用程序运行良好，但 WebStorm 抱怨无法解析各种静态文件，包括图像、CSS 和 JS。 再次强调，一切正常。

静态文件根目录在

index.js

中设置如下：

app.use(express.static(__dirname + '/static'));

修改

href

以使 WebStorm 满意会破坏应用程序：

<link rel="stylesheet" href="/static/css/styles.css">

我相信我

@types

设置正确：

我该如何解决这个问题？ 这与其说是一个问题，不如说是一个烦恼。 尽管如此，自动完成功能因此不起作用。

Answer 1

解决此类问题的一般方法：将您的

static

文件夹标记为

Resource Root

。这允许 IDE 解析相对于该文件夹的此类路径。

来自 https://www.jetbrains.com/help/webstorm/configuring-project-tructure.html#content-root

资源根文件夹中的文件可以相对于这些文件夹进行引用，而不是指定完整路径。例如，当您开始在 HTML src

 标签的 

img

 属性中输入内容时，自动完成功能将建议来自 

Resource Root 文件夹的图像。

配置文件夹的类别：ufeff

• 右键单击

  Project工具窗口中的文件夹，从上下文菜单中选择将目录标记为，然后选择必要的类别。

  

• 或者，打开

  Settings / Preferences

   屏幕，转到 

  Directories

   节点，并在那里配置文件夹类别。