webpack-dev-server реагирует на состояние маршрутизатора

Я пытаюсь заставить реагирующий маршрутизатор работать с webpack-dev-server, но продолжать получать не могу получить /SOMEURL. Это связано с тем, что webpack-dev-server ищет этот конкретный файл, но не может его найти. Я бы хотел, чтобы в веб-пакете использовался реактивный маршрутизатор, а не сам поиск файлов.

Как я могу настроить это?

Мое ворчание:

'webpack-dev-server': {
      options: {
        hot: true,
        port: 8000,
        webpack: webpackDevConfig,
        publicPath: '/assets/',
        contentBase: './<%= pkg.src %>/'
      },

      start: {
        keepAlive: true,
      }
    },
Источник

2 ответа

Решение

Использовать --history-api-fallback возможность webpack-dev-server, Это использует https://github.com/bripkens/connect-history-api-fallback для обслуживания index.html если маршрут не соответствует другим файлам. (Это означает, что вы должны использовать index.html в качестве имени файла для вашей HTML-страницы.)

Источник

Для меня это было в моем индексном файле:

<script src="./assets/app.js"></script>

скорее, чем

 <script src="/assets/app.js"></script>

Таким образом, похоже, что резервный API истории конкурировал с моей неверной конфигурацией.

Источник
Другие вопросы по тегам