const compiler = webpack({
  entry: ['whatwg-fetch', path.resolve(__dirname, 'js', 'app.js')], 
  module: {
    loaders: [
      {
        exclude: /node_modules/, 
        test: /\.js$/, 
        loader: 'babel',
      },
    ],
  },
  output: {filename: 'app.js', path: '/'}, 
});

const app = new WebpackDevServer(compiler, {
  contentBase: '/public/', 
  proxy: {'/graphql': `http://localhost:${GRAPHQL_PORT}`},
  publicPath: '/js/',
  stats: {colors: true}, 
});

app.use('/', express.static(path.resolve(__dirname, 'public')));

const About = () => <div> <h1>About</h1> </div>

ReactDOM.render(
   <BrowserRouter>
      <div>
      <Route exact path='/' component={App}/>
      <Route  path='/about' component={About}/>
      </div>
    </BrowserRouter>,
  mountNode
);

devServer: {
    historyApiFallback: true,
  }

<Route exact path='/about' component={About}/>

const About = () => (<div> <h1>About</h1> </div>);

Reactjs相关问答推荐

如何将Redux工具包添加到expo (SDK 50)项目？

我应该如何管理设置组件初始状态的复杂逻辑？

React Todo List 应用程序我在实现删除功能时遇到问题

如何在不同的路由中渲染相同的页面组件(包括 getServerSideProps)

console.logs 没有显示在浏览器控制台上，但显示在我的终端上

无法使用react-hook-form和react-places-autocomplete在字段中输入值

无法通过react 路由中的链接传递信息

是否可以直接在 jsx 标签上使用 CSS 定义的 colored颜色 ？

React Js和Firestore中如何将当前ID与集合中的ID查询以仅显示具有相似字段和值的文档-第二部分

React设置上下文并进行导航

React - 函数组件 - 点击两次问题处理

从 React 应用程序调用未经身份验证的 graphql 查询时出现错误：没有当前用户

为什么我会收到此错误：无法在我的react 包上读取 null 的属性(读取useState)？

有没有办法在用户离开页面时防止输入模糊？

使用 axios 响应路由 Dom 操作

单元测试 useLoaderData() react-router v6 加载器函数

添加 React/Redux 组件模板的 VS Code 扩展

如何在props 更改时运行自定义挂钩？

react-markdown 不渲染 Markdown

如何在react 日历中自定义带有圆形边框的日期项？