我正在尝试通过添加 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 许可协议
问题不仅在于 manifest.json,还在于所有 json 文件。正如这里所说:https: //stackoverflow.com/a/29633038/3231884 ,您需要根据以下示例设置 web.config:
之后,您应该按照以下步骤将“npm run build”复制到构建文件夹(Liviu Costea 的信用): https://medium.com/hackernoon/adding-web-config-to-react-projects-3eb762dbe01f