TypeError：_Router2.Default.ComputerOotMatch不是响应路由器配置中的函数

Question

我正在为我的React Js应用程序做服务器端渲染。当我运行我的应用程序时，我得到了贝娄错误。

TypeError：_router2.default.ComputerOotMatch不是/home/./web/node_modules/react-router-config/matchRoutes.js:20:24位于Array.matchRoutes(/home../web/node_modules/react-router-config/matchRoutes.js:18:10)位于/home/./web/build/bundle.js:2250:53位于Layer.handle[as

server.js文件

import express from 'express';
import { matchRoutes } from 'react-router-config';
import Routes from './client/Routes';
import renderer from './helpers/renderer';
import createStore from './helpers/createStore';
const app = express();

app.use(express.static('public'));
app.get('*', (req, res) => {
  const store = createStore(req);

  const promises = matchRoutes(Routes, req.path)
    .map(({ route }) => {
      return route.loadData ? route.loadData(store) : null;
    })
    .map(promise => {
      if (promise) {
        return new Promise((resolve, reject) => {
          promise.then(resolve).catch(resolve);
        });
      }
    });

  Promise.all(promises).then(() => {
    const context = {};
    const content = renderer(req, store, context);

    if (context.url) {
      return res.redirect(301, context.url);
    }
    if (context.notFound) {
      res.status(404);
    }

    res.send(content);
  });
});

app.listen(3000, () => {
  console.log('Listening on prot 3000');
});

Answer 1

我知道它在哪里失败了，因为我刚做了同样的Udemy课程。如果要升级react-router-config，路由数组的根节点需要定义路径。参见：https://github.com/reacttraining/react-router/issues/6381。比如：

export default [
  {
    ...App,
    path: '/',
    routes: [
      {
        ...HomePage,
        path: '/',
        exact: true
      },
      {
        ...AdminsListPage,
        path: '/admins'
      },
      {
        ...UsersListPage,
        path: '/users'
      },
      {
        ...NotFoundPage
      }
    ]
  }
];