ReactJS – сеть::ERR_FILE_NOT_FOUND

У меня внезапно возникли проблемы с рабочими версиями моих реагирующих приложений. Они отлично работают в разработке, однако, когда я их создаю, я получаю сообщение об ошибке консоли:

/static/css/main.f6418f8a.chunk.css:1 Не удалось загрузить ресурс:

net::ERR_FILE_NOT_FOUND

1.13eeb203.chunk.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

main.1e6014ca.chunk.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

/favicon.ico:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

Эта ошибка была получена после следующих команд:

create-react-app whatiswrong

npm run build

Затем откройте index.html в моем браузере, как и для любых других приложений, которые я создал.

вы используете npm run build внутри папки whatiswrong?

Vencovsky 08.02.2019 13:08

@vencovsky - Да, я. Я пытался создать несколько новых проектов с помощью create-реагировать-приложение, и я получаю то же самое.

coeu5a 08.02.2019 13:40
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
10
2
10 994
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Как вы запускаете свое приложение? Вы просто открываете index.html в браузере или используете serve -s build и тому подобное?

Если вы делаете это по первому варианту, вам следует попробовать serve -s build.

Ответ принят как подходящий

Вам нужно добавить "homepage": "./" в ваш package.json.

От: https://github.com/facebook/create-react-app/issues/6275#issuecomment-457813277

  1. Откройте файл package.json.
  2. Добавьте эту запись в него "homepage":"path\to\your\project\build\"
  3. Повторно запустите команду npm run build.

The issue here was when you run the npm run build command without the homepage entry added in your package.json,it is built assuming that the project directory (where you are running the command) is hosted at server root.

командная строка скриншота

D:\git_repo\my-app>npm run build

> [email protected] build D:\git_repo\my-app
> react-scripts build

Creating an optimized production build...
Compiled successfully.

File sizes after gzip:

  44.57 KB  build\static\js\main.8a29685f.js

**The project was built assuming it is hosted at root directory.
You can control this with the homepage field in your package.json.**

The build folder is ready to be deployed.


D:\git_repo\my-app>

Другие вопросы по теме