Как правильно наследовать роуты в React?

Question

[Xaip]

Как правильно настроить наследование роутов, так что бы при переходе по адресу /user/message или /user/cart, он рендерил компнонент, а не выдавал ошибку:

Refused to execute script from 'http://127.0.0.1:3000/user/bundle.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Вот так у меня выглядит index.js.

<BrowserRouter>
                <Router>
                    <div className="none-container">
                        <Header/>
                        <Switch>
                            <Route exact path="/" component={App}/>
                            <Route path="/user" component={Authentication}/>                               //Точка входа в профиль
                            <Route path="/:id" component={Detail}/>
                        </Switch>
                    </div>
                </Router>
            </BrowserRouter>

Вот сам компонент Authentication

<Profile profile={profile} auth={auth}/>
                    <Switch>
                        <Route path="/user/cart"
                               render={() => <Cart profile={profile} auth={auth} AppActions={this.props.AppActions}
                                                   getCart={getCart}/>}/>
                        <Route path="/user/message"
                               render={() => <Message message={message} auth={auth}
                                                      AppActions={this.props.AppActions} dispatch={this.props.dispatch} />}/>
                    </Switch>

Роут /user нормально рендерится при обновлении, а роут внутри второго свитча /user/message нет

Comments

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

Проблема не в роутере, а в вашем севере. Гуглите ответ по тексту ошибки.

[Xaip]

Антон Спирин, у меня нет сервера как такового. У меня лишь HMR и он работает с таким путем localhost:3000/user но не работает по localhost:3000/user/message

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

Xaip, у вас не может быть лишь HMR. Как минимум webpack dev server. Гуглите ошибку и ищите решение которое подойдет для вас. В поисковике все есть.