Я пытаюсь сделать свое существующее приложение реакции прогрессивным, добавив, среди прочего, manifest.json .
Однако, похоже, что мое приложение не может найти мой файл manifest.json , так как я получаю сообщение об ошибке выше и Не удается получить /manifest.json, когда я смотрю на вкладка сети инструмента разработчика. Это странно, так как мой manifest.json находится в корне моего приложения, именно там, где ошибка говорит, что он не может найти файл.
Я пробовал несколько вещей, таких как размещение файла manifest.json в каждом каталоге или введение загрузчика json в конфигурацию моего веб-пакета, но ничего не помогало.
Где я ссылаюсь на манифест
<!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 в каталоге компоновки, который сопоставляет мои индексные файлы.
webpack.config
//...
const ManifestPlugin = require("webpack-manifest-plugin")
module.exports = {
plugins: [
new ManifestPlugin({
fileName: "asset-manifest.json"
})
//...
создан asset-manifest.json
{
"index.js": "index.bundle.js",
"index.html": "index.html"
}
Надеюсь, вы мне поможете