Не работает маршрут с динамическим идентификатором

Question

Я пытаюсь создать маршрут с динамическим идентификатором, поскольку <Route exact path="/profile/:id" component={Profile} /> и Profile импортированы правильно.Страница профиля не загружается и показывает ошибку в консоли:

GET http://localhost:8080/profile/bundle.js 404 (Not Found) Refused to execute script from 'http://localhost:8080/profile/bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Другие маршруты без параметров работают нормально, а также страница Profile.jsx была создана без сбоев.Как я могу это исправить?

My App.jsx

import { Profile } from '../HomePage/Profile';
class App extends React.Component {
    render() {
        const router = (                
            <div className="outer">
                <Route path="/application" component={Application} />
                <Route exact path="/profile/:id" component={Profile} />             
            </div>
        return (
            <Router history={history}>
                {router}
            </Router>
        );
   }
}

Здесь маршрутизатор приложений работает нормально, так как у него нет второго параметра.

Answer 1

Попробуйте изменить:

<script type="text/javascript" src="bundle.js"></script>

из index.html на:

<script type="text/javascript" src="/bundle.js"></script>