здание с Parceljs и React?

Question

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

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

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

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

Спасибо.

Answer 1

Вы запускаете файлы индекса локально, а index.html ожидает, что файл css и файл js находятся в корневом каталоге.Когда вы открываете файл локально, он пытается найти его под C://

Чтобы обойти эту проблему, вам, к сожалению, нужно отредактировать index.html после того, как вы его скомпилировали.Вот три способа обойти эту проблему, третий метод направлен на устранение этой проблемы, но я бы порекомендовал методы один и два.

Метод первый

• Установите http-сервер, запустив npm install -g http-server
• Перейдите в папку dist вашего проекта через терминал / cmd
• Введите http-server
• Ваш проект откроется в веб-браузере по умолчанию

Метод второй

• Загрузить приложение на веб-сервер
• Ваше приложение должно работать

Метод три (не рекомендуется)

• Добавьте сценарий NPM "production": "parcel build index.html"
• Запустите производственную сборку на компакт-диске в свой проект и введите npm run production
• Перейдите в папку dist и откройте index.html.в редакторе
• Изменить путь к файлу css с href="/main.--------.css" до href="./main.--------.css">
• Изменить путь к файлу js с src="/main.--------.js" до href="./main.--------.js">

(ПРИМЕЧАНИЕ. Дополнение React не обнаружит React при его локальном открытии, но приложение будет работать нормально.)