Реагировать на пустую страницу после запуска npm запустить сборку из-за реакции-маршрутизатора-дом

Question

Вот мой код для индекса. js page:

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter as Router, Route, Switch} from "react-router-dom"
import './css/bootstrap.min.css';
import './css/style.css';

// Pages
import Library from './pages/Library.js'
import Register from './pages/Register.js'

ReactDOM.render(
  <div>
    <Router>
      <Switch>
        <Route exact path="/" component={Library}/>
        <Route exact path="/library" component={Library}/>
        <Route exact path="/register" component={Register}/>
      </Switch>
    </Router>
  </div>,
  document.getElementById('root')
)

Когда я запускаю npm start, я получаю желаемое приложение. localhost:3000 и localhost:3000/library визуализируют компонент библиотеки, а localhost:3000/register визуализирует компонент Register.

Когда я запускаю npm run build, я получаю папку сборки, но когда я ввожу страницу index. html, он пуст.

Эта проблема возникла после того, как я внедрил маршрутизатор. Раньше результат для npm start и npm run build был одинаковым.

Answer 1

Вот ссылка на ту же проблему, с которой вы сталкиваетесь в официальных проблемах github create-response-app

Там он отмечен как закрытый, вы также можете прочитать об этом для получения дополнительной информации info.

Вы должны обслуживать папку сборки, например, как

npx serve -s build