здание с Parceljs и React?

Как я могу заставить Parceljs работать с реагированием? Я использую их пример из своего репо, но он не будет работать.

https://github.com/parcel-bundler/examples

После запуска «npm start» он работает и отображает страницу на локальном хосте, как ожидалось, но она не будет работать, когда я нажимаю выводный файл в / dist. Таким образом, страница просто пустая, когда я пытаюсь загрузить ее из dist / index.html. Я также попробовал команду на производстве с их сайта, чтобы остановить просмотр файлов, но это также привело к тому, что папка dist загрузила пустую страницу.

Как я могу это сделать? Любая помощь будет большой. По сути, я хочу иметь доступ к файлам, не имеющим localhost.

Спасибо.

reactjs,parceljs,

0

Ответов: 1


0 принят

Вы запускаете индексные файлы локально, и 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, когда она открывается локально, но приложение будет работать нормально.)

reactjs, parceljs,
Похожие вопросы
Яндекс.Метрика