Почему react приложение не реагирует на ссылки типа '/text/text'(то есть там где есть два слеша)?

Question

[zillou]

В моем react приложение с таким вебпак конфигом:

и такой иеарархией:

С таким кодом в главном входном файле index.js

и таким кодом в app.js:


Вылезает такая ошибка в консоли когда я перехожу по роуту с двумя слешами как '/text/text':
Refused to apply style from 'localhost:8080/text/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

GET localhost:8080/text/index-bundle.js 404 (Not Found)

Но если же я перехожу по роуту типа '/text', то все работает.Почему?

Answer 1

[zillou]

<base href="/">
в head помог

Answer 2

[Антон Спирин]

1. В конфигурационном файле не указан publicPath.
2. extract-text-webpack-plugin - deprecated. Вместо него следует использовать mini-css-extract-plugin
3. Посмотрите в интернете примеры совместного использования mini-css-extract-plugin и html-webpack-plugin.
4. Указание base, в вашем случае, решает проблему, но лучше научиться делать правильные сборки.