Не удается получить при запуске Webpack Config в React. js 2020 - PullRequest
Новая
       2

Не удается получить при запуске Webpack Config в React. js 2020

0 голосов
/ 02 апреля 2020

Я запускаю 'watch' для запуска webpack dev sever "watch": "webpack-dev-server --progress"

, он компилируется без проблем, обнаруженных в терминале. Однако, когда я go до http://localhost: 8080 , я получаю сообщение об ошибке «Невозможно получить»

enter image description here

Я создал песочницу .

То, что я пробовал до сих пор, добавить writeToDisk: true в webpack.config. js и включить загрузчики для svg "file-loader" и css "css -loader", которые исправили другую ошибку Я имел в виду не использовать загрузчик для css. Я также попытался изменить порт на 3000. Не уверен, насколько это актуально для решения этой проблемы, но я использую веб-шторм ide.

ОБНОВЛЕНИЕ:

Я исправил эту проблему, переместив индекс. html и манифеста. json в папку sr c.

Мой вопрос сейчас заключается в том, чтобы сделать эту работу без перемещения индекса. html и поместить его в ту же папку, что и webpack.config. js? Если возможно, я бы предпочел оставить индекс. html и указать его в папке publi c.

1 Ответ

0 голосов
/ 02 апреля 2020

Я бы посоветовал прочитать документацию webpack по Управление выводом .

На ваш вопрос:

Теперь у меня есть вопрос, чтобы это сделать? работать без перемещения индекса. html и манифеста в ту же папку, что и webpack.config. js?

Вы можете выполнить эту работу, используя официальные HtmlWebpackPlugin для создайте файл index.html. Вы сможете указать его в своем собственном файле, где бы вы ни захотели, и это также позволит вам в конечном итоге масштабировать свой код, чтобы сгенерировать файл html из шаблона. 

    new HtmlWebpackPlugin({
      template: 'path/to/index.html'
    })
...