路由，通用应用程序（Nodejs，React），错误（0，_reactRouter.match）不是函数

Question

我无法修复此错误... 我启动服务器，一切正常，因为我刷新了 localhost:3000 然后它告诉我一个错误：

TypeError: (0 , _reactRouter.match) 不是函数

我已经安装了“react-router”：“^4.0.0”

import Express from 'express';
import {RouterContext, match} from 'react-router';
import {renderToString } from 'react-dom/server';
import React from 'react';
import routes from './routes.js'



var app = new Express();
app.set('view engine', 'ejs');
app.set('views',__dirname);


//////////////////////////////////////////////////////////////////////
app.get('*', (req, res) => {
    match(
        { routes, location: req.url },
        (err, redirectLocation, renderProps) => {

            if (err) {
                return res.status(500).send(err.message);
            }

            if (redirectLocation) {
                return res.redirect(302, redirectLocation.pathname + redirectLocation.search);
            }

            var markup;
            if (renderProps) {
                // if the current route matched we have renderProps
                markup = renderToString(<RouterContext {...renderProps}/>);
            } else {
                // otherwise we can render a 404 page
                markup = renderToString(<NotFoundPage/>);
                res.status(404);
            }

            // render the index template with the embedded React markup
            return res.render('index', { markup });
        }
    );
});
//////////////////////////////////////////////////////////////////////////////////


var port = process.env.PORT || 3000;
app.listen(port, ()=>{
    console.log('Server is listening on port ' + port );
});

Answer 1

如果您在 v4 之前使用 react-router，您的代码看起来是正确的，但是 react-router v4 对整个代码库进行了重大更改，包括服务器渲染的方法。在 v4 中，有一个专门用于服务器渲染的新组件 - StaticRouter。

查看此处的服务器渲染文档： https://reacttraining.com/react-router/web/guides/server-rendering

如果您仍然想使用 match 功能，您可以使用低于版本 4 的 react-router 版本。看看我在 very similar question from yesterday 上的回答，您可能正在使用与其他 OP 相同的样板/示例。