Jsreact - ПОЛУЧИТЬ http: // localhost: 8080 / manifest.json 404 (не найдено)
Я пытаюсь сделать свое существующее приложение реагирования прогрессивным, добавив, среди прочего, 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.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"
}
Я надеюсь, что вы можете помочь мне
Вы изменили fileName на asset-manifest.json в конфигурации вашего веб-пакета, но в вашем документе вы указали ссылку на /manifest.json. Не могли бы вы вместо этого попробовать /asset-manifest.json в документе?
Assets-manifest.json создается плагином с сопоставлением всех имен исходных файлов с их соответствующим выходным файлом (npmjs.com/package/webpack-manifest-plugin). Я пытаюсь сослаться на файл manifest.json нет.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Это должна быть проблема файла manifest.json.
Покажите, пожалуйста, содержимое файла manifest.json.
Попробуйте это, в manifest.json
свойство name должно быть написано маленькими буквами и не содержать пробелов.
изменить манифест расширения с manifest.json на manifest.txt
Проблема не только в 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' скопировать его в папку сборки, выполнив следующие действия (кредиты Ливиу Костеа): https://medium.com/hackernoon/adding-web-config-to-react-projects-3eb762dbe01f
фактический файл - asset-manifest.json, но вы пытаетесь указать manifest.json ?? Я ошибаюсь?