https://github.com/rackt/react-router/blob/e7c6f3d848e55dda11595447928e843d39bed0eb/examples/query-params/app.js#L4 路由器也是react-router的属性之一。 所以改变你的模块需要这样的代码:

  var reactRouter = require('react-router')
  var Router = reactRouter.Router
  var Route = reactRouter.Route
  var Link = reactRouter.Link

如果你想使用ES6语法的链接使用(导入)，使用babel作为助手。

顺便说一句，为了让你的代码正常工作，我们可以添加{this.props。children}在App中， 就像

render() {
  return (
    <div>
      <h1>App</h1>
      <ul>
        <li><Link to="/about">About</Link></li>
      </ul>
      {this.props.children}
    </div>

  )
}

您需要导出default或require(path).default

var About = require('./components/Home').default

在我的例子中，它最终是像这样导入的外部组件:

import React， {Component}

然后声明如下:

导出默认类MyOuterComponent

其中一个内部组件导入了React bare:

import React from

用虚线表示声明:

导出默认类MyInnerComponent

在我的例子中，它是元标签。

我在用

const MetaTags = require('react-meta-tags');

我猜MetaTags是一个默认的导出，所以改变为这个解决了我，花了几个小时来弄清楚是哪一个导致它。

const { MetaTags } = require('react-meta-tags');

另一个可能的解决方案，对我来说很管用:

目前，react-router-redux处于测试阶段，npm返回4。X，但不是5.x。但是@types/react-router-redux返回5.x。这里使用了未定义的变量。

强制NPM/Yarn使用5。X帮我解出来了。

除了进口/出口问题提到。我发现使用React.cloneElement()向子元素添加道具，然后渲染它给了我同样的错误。

我不得不改变:

render() {
  const ChildWithProps = React.cloneElement(
    this.props.children,
    { className: `${PREFIX}-anchor` }
  );

  return (
    <div>
      <ChildWithProps />
      ...
    </div>
  );
}

to:

render() {
  ...
  return (
    <div>
      <ChildWithProps.type {...ChildWithProps.props} />
    </div>
  );
}

有关更多信息，请参阅React.cloneElement()文档。