Question

我用react + react-router开发了单页Web应用程序，并使用Parcel为产品构建了这个项目。但是，该应用程序不适用于parcel build index.html命令创建的dist目录。

当我单击列表页面上的某个成员（/）时，我应该移至成员页面（/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，则列表页面呈现良好。但是，当我从列表中单击某个成员时，该成员页面将在同一屏幕上显示在列表页面下方。

我认为这个问题与路径有关。它与parcel index.html打开的localhost服务器配合使用。

我该如何解决这个问题？

如何使用捆绑器构建React Router项目？

0 个答案: