webstorm - "Cannot resolve directory"创建 react 应用程序的 WebStorm 警告

Question

当我使用 create-react-app 的 %PUBLIC_URL%在我的根 html 文件中，WebStorm 提示它无法解析它所属的 url。

错误是:无法解析目录“%PUBLIC_URL”



在这种情况下，警告是虚假的:它在开发和生产中按预期工作。 %PUBLIC_URL% token 映射到 public/ 的位置目录，我已将其标记为资源根目录。

我可以使用 <!--suppress HtmlUnknownTarget --> 禁止整个文件的警告。指令，但这意味着 WebStorm 不会检查 url 是否有效。该注释也出现在最终的 html 输出中，这也是不可取的。

我可以让 WebStorm 了解什么%PUBLIC_URL%意味着在 create-react-app 实例的上下文中？

Answer 1

这并不是一个完美的解决方案，但您可以在项目根目录中创建一个名为 %PUBLIC_URL% 的符号链接(symbolic link)。指向 public目录。
在 Linux 上:

ln -s public/ %PUBLIC_URL%

在 Windows 上(我没有对此进行测试，因此它可能无法正常工作):

mklink /D %PUBLIC_URL% public