如何让 IntelliJ 理解 Next.js `public` 目录结构？

Question

我正在使用 IntelliJ 编辑 Next.js 网站。

• IntelliJ IDEA 2020.2.1
• Next.js 9.5.3-canary.23

Next.js静态文件服务使用/public目录作为静态资产的容器，但在发布 Next.js 站点时，该目录的内容public托管在站点的根目录下。

因此，如链接的 doco 所示，代码库中存在的图像/public/my-image.png由src="/my-image.png".

这让 IntelliJ 感到困惑，并显示一条警告，指出它无法解析imgsrc的目录：

我尝试将/public目录标记为“源根”或“资源根” - 但这并没有使警告消失。我还尝试将该/public目录添加为“内容根”，但 IntelliJ 不想这样做，因为它与模块的根目录重叠，该根目录已经是内容根。

有没有办法告诉想法在/public目录中查找像这样的静态引用资产？

Answer 1

我遇到了同样的问题。就我而言，“将目录标记为 > 资源根”效果很好。

前...

右键单击./public。然后将目录标记为 > 资源根

后...

图像加载。