jsreact - GET http://localhost:8080/manifest.json 404(未找到)

新手上路,请多包涵

我正在尝试通过添加 manifest.json 来使我现有的 React 应用程序渐进。

但是,我的应用程序似乎无法找到我的 manifest.json 文件,因为当我查看开发人员工具的网络选项卡时收到上述错误消息和 Cannot GET /manifest.json 。这很奇怪,因为我的 manifest.json 位于我的应用程序的根目录下,正是错误提示找不到文件的位置。

我尝试了几种方法,比如在每个目录中放置一个 manifest.json 文件,或者在我的 webpack 配置中引入一个 json-loader,但没有任何效果。

我在哪里引用清单

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="manifest" href="/manifest.json" >
  </head>
  <body>
    <div id="root" class="body"></div>
  </body>
</html>

此外,我正在使用 webpack-manifest-plugin ,它在我的构建目录中创建一个 asset-manifest.json 文件来映射我的索引文件。

配置文件

//...
const ManifestPlugin = require("webpack-manifest-plugin")
module.exports = {
    plugins: [
        new ManifestPlugin({
            fileName: "asset-manifest.json"
        })
        //...

创建资产清单.json

 {
  "index.js": "index.bundle.js",
  "index.html": "index.html"
}

我希望你能帮帮我

原文由 Jannik 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1k
1 个回答

问题不仅在于 manifest.json,还在于所有 json 文件。正如这里所说:https: //stackoverflow.com/a/29633038/3231884 ,您需要根据以下示例设置 web.config:

 <?xml version="1.0"?>
<configuration>
    <system.webServer>
        <staticContent>
        <remove fileExtension=".json" />
        <mimeMap fileExtension=".json" mimeType="application/json" />
      </staticContent>
    </system.webServer>
</configuration>

之后,您应该按照以下步骤将“npm run build”复制到构建文件夹(Liviu Costea 的信用): https://medium.com/hackernoon/adding-web-config-to-react-projects-3eb762dbe01f

原文由 Luis Gouveia 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏