Как построить реагирующий проект роутера с компоновщиком? - PullRequest
Новая
       25

Как построить реагирующий проект роутера с компоновщиком?

0 голосов
/ 24 ноября 2018

Я разработал одностраничное веб-приложение с реакцией + реагирующий маршрутизатор и создал этот проект с использованием Parcel для продукта.Однако приложение не работает с каталогом dist, созданным командой parcel build index.html.

Когда я нажимаю на какого-либо участника на странице списка (/), я должен перейти на страницу участника (/member/:id). 

import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import { Home, Memeber } from './pages';

function App() {
  return (
    <Router>
      <div>
        <Route exact path="/" component={List} />
        <Route path="/member/:id" component={Memeber} />
      </div>
    </Router>
  );
}

Браузер показывает только белый экран без каких-либо ошибок: (

Кроме того, я обнаружил, что страница списка отображается хорошо, если я удаляю exact. Однако, когда ящелкните по элементу из списка, страница участника отобразится под страницей списка на том же экране.

Я думаю, что эта проблема связана с путем. Она хорошо работает с сервером localhost, который открывается с помощью parcel index.html.

Как мне решить эту проблему?

...