Question

带有create-react-app的WebStorm在/public/index.html文件中有/public标记为%PUBLIC_URL%的文件夹路径。

找不到目录%PUBLIC_URL%，因为它不存在，也不存在。

除了使用抑制错误之外，Webstorm是否有办法将目录变量（如%PUBLIC_URL%）别名为/public的根路径，因为开发中没有编辑器错误？

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <!--
      manifest.json provides metadata used when your web app is added to the
      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
    -->
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <!--
      Notice the use of %PUBLIC_URL% in the tags above.
      It will be replaced with the URL of the `public` folder during the build.
      Only files inside the `public` folder can be referenced from the HTML.

      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
      work correctly both with client-side routing and a non-root public URL.
      Learn how to configure a non-root public URL by running `npm run build`.
    -->
    <title>React App</title>
</head>

Answer 1

本文似乎对此有更多的启示：
https://medium.com/@jenniferdobak/the-public-folder-and-favicons-in-create-react-app-8dc2cc1d492b

现在是解决看起来很时髦的％PULIC_URL％标签的好时机。还记得React提供的“逃生舱口”吗，以防万一我们将资产放在公用文件夹中？在构建期间，将识别并遵守以％PULIC_URL％标记为前缀的资产。但是，这不是最佳做法，应仅在必要时使用。

因此，在大多数情况下，您可以将％PUBLIC_URL％替换为 public 之类的东西，但是当然，这取决于您如何构造React项目。 / p>

WebStorm上的％PUBLIC_URL％编辑器警告

1 个答案: