Почему я получаю совпадение, это не функция, когда она четко определена?

Question

Я предоставляю свое приложение React на сервере, но получаю эту ошибку TypeError: match is not a function. Я понятия не имею, как это исправить или что эта ошибка означает, потому что документы-ответчики-маршрутизаторы говорят другое.

var routes = require('./public/src/routes'); 
var React = require('react'); 
var renderToString = require('react-dom/server'); 
var match = require('react-router'); 
var RouterContext = require('react-router'); 

app.get('*', (req, res) => { 
    match(
    { routes, location: req.url }, 
    (err, redirectLocation, renderProps) => { 
     if (err) { 
     return res.status(500).send(err.message); 
     } 
     let markup; 
     if(renderProps) { 
     markup = renderToString(React.createElement(RoutingContext, renderProps)); 
     } 
     return res.render('index', { markup }); 
    } 
) 
}) 

Answer 1

Вы назначая match к модулю react-router самого, который не является функцией и не то, что вы хотите сделать. match - часть модуля, а не сам модуль. То же самое касается RouterContext. То, что вы должны сделать, это:

var match = require("react-router").match; 
var RouterContext = require("react-router").RouterContext; 

Это требует правильного модуля и присваивает match правильно функции из модуля. То же самое делается для RouterContext. В качестве альтернативы, с новым назначением деструкции ES6 (эквивалентно):

var { match, RouterContext } = require("react-router");