Вы запускаете индексные файлы локально, и index.html ожидает, что файл css и файл js будут в корне. Когда вы открываете файл локально, он пытается найтиC://
Чтобы обойти эту проблему, вам нужно отредактировать index.html, к сожалению, после того, как вы ее скомпилировали. Вот три способа решить эту проблему, три метода сосредоточены на устранении вашей проблемы, но я бы рекомендовал методы один и два.
Первый способ
- Установите http-сервер, запустив
npm install -g http-server
- Перейдите в папку проекта dist через терминал / cmd
- Тип http-server
- Ваш проект откроется в вашем браузере по умолчанию
Метод второй
- Загрузите приложение на веб-сервер
- Ваше приложение должно работать
Метод третий (не рекомендуется)
- Добавить скрипт NPM
"production": "parcel build index.html"
- Выполнить производство cd на ваш проект и тип
npm run production
- Войдите в свою папку dist и откройте index.html в редакторе
- Измените путь файла CSS от
href="/main.--------.css"
доhref="./main.--------.css">
- Отредактируйте путь
src="/main.--------.js"
к файлу js сhref="./main.--------.js">
(ПРИМЕЧАНИЕ. Надстройка React не обнаружит React, когда она открывается локально, но приложение будет работать нормально.)