React Github Pages Deploy ERR_ABORTED 404 (не найдено)
Я пытаюсь развернуть свое приложение create-response-app здесь, но получаю эту ошибку. static / css / 1.e03ed13c.chunk.css net :: ERR_ABORTED 404 (не найдено). У меня нет файла chunk.css. В чем проблема? Можешь мне помочь?
Мой package.json
{
"homepage": "http://ebrugulec.com/image-text-detection",
"name": "image-text-detection",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.18.0",
"filepond": "^3.5.0",
"filepond-plugin-image-preview": "^3.1.4",
"react": "^16.6.3",
"react-autosize-textarea": "^5.0.1",
"react-dom": "^16.6.3",
"react-dropzone": "^7.0.1",
"react-filepond": "^5.0.0",
"react-scripts": "2.1.1",
"superagent": "^4.0.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"gh-pages": "^2.0.1"
}
}
Не могли бы вы поделиться своим package.json?
Я думаю, вам может не хватать одной вещи, так это исправления вашего homepage в package.json. Также создается chunk.css.
Я отредактировал свой вопрос и добавил файл package.json. @sudobangbang
ты решил эту проблему? У меня точно такая же проблема
Я не решил эту проблему правильно. Но кое-что я понял. если я сначала развертываю страницы github, страницы github не работают. Hovewer, если я отправлю текущий запрос на перенос на github, после этого я разверну gh-страницы. Работает исправно. Я не знаю. Иногда gh-страницы работают не очень хорошо. @kuka
У меня точно такая же проблема
Ответы 3
Я решил эту проблему, добавив
"homepage" : "https://myblog-url",
в файле package.json в моем каталоге проекта response-app
Файл xxx.chunk.js и xxx.chunk.css находится в каталоге build / static /
и когда я перешел на сетевую вкладку инструментов разработчика Chrome и увидел точные сообщения об ошибках,
Мне удалось найти URL-адрес, к которому мой браузер собирался получить доступ, и в моем случае URL-адрес моего блога отличался от того, которым я хотел быть.
Добавление "homepage": "." в package.json сработало для меня.
Мне удалось решить проблему, добавив "homepage": "." в package.json.
Если добавление . в "homepage": "." в package.json не работает, этот ответ вам поможет.
Я проверил свой developers console, и первым моим указанием было, где находится эта папка build, которая выдает ошибку.
Шаг 1: (необязательно, если ваша папка сборки уже зафиксирована, пропустите этот шаг) Сначала зафиксируйте папку сборки, если она еще не зафиксирована.
Чтобы зафиксировать папку сборки:
- Сначала удалите ссылку на папку сборки с вашего
.gitignore - Затем добавьте свою папку и зафиксируйте
Пример: мой путь к папке сборки - covidresources -> build.
(примечание: git add . предназначен только для включения других файлов, если таковые имеются)
git add covidresources/build
git add .
git commit -m "added build files"
git push
Просто проверьте, зафиксированы ли теперь ваши файлы сборки.
Шаг 2: Теперь мы выберем один файл и сравним путь к файлу в репозитории и путь к файлу в developers console (файл, который выдавал ошибку).
- Изначально у меня
"homepage": "."вpackage.json. - Выберите любую ошибку с консоли, как и в моем случае, я выбрал путь к этому файлу:
2.6770f89d.chunk.jsс консоли
https://kushalseth.github.io/kushalseth/mycovid/blob/main/covidresources/static/js/2.6770f89d.chunk.js
РЕШЕНИЕ:
- Замените
"homepage": "."на путь, примерно так: (скриншот фактического и пути к файлу поможет создать этот URL. Просто удалили имя пользователя и добавили имя репозитория после github.com)
"homepage": "https://github.com/mycovid/"
- Разверните и зафиксируйте свои файлы. Наша основная цель - зафиксировать файл
build/asset-manifest.json.
npm run deploy
npm add .
npm commit -m "committing manifest"
npm push
Ваш файл манифеста должен выглядеть так: (имя репозитория / статический).
It is important that your server manifest file is updated and It's also important to verify the path in manifest. We donot change anything manually in manifest. it gets updated automatically by
npn run deployandpackageshould have correcthomepage.
Обновите свою страницу, и в сетях developers console путь к успеху будет таким:
https://kushalseth.github.io/mycovid/static/js/2.6770f89d.chunk.js
