我也有这个问题。我的导入看起来很好，我可以复制我的副本的内容，并将其粘贴到它正在使用的地方，这是有效的。但是对组件的引用出了问题。

对我来说，我只需要关闭expo并重新启动它。

在我的例子中，我花了很多时间来搜索和检查可能的方法，但只有通过这种方式来修复:在导入自定义组件时删除“{”，“}”:

import OrderDetail from './orderDetail';

我的错误做法是:

import { OrderDetail } from './orderDetail';

因为在OrderDetail .js文件中，我将OrderDetail导出为默认类:

class OrderDetail extends Component {
  render() {
    return (
      <View>
        <Text>Here is an sample of Order Detail view</Text>
      </View>
    );
  }
}

export default OrderDetail;

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

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

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>

  )
}

作为一个快速的补充。我也遇到了同样的问题，当Webpack编译我的测试时，应用程序运行良好。当我将我的组件导入到测试文件中时，我在其中一个导入中使用了错误的大小写，这导致了同样的错误。

import myComponent from '../../src/components/myComponent'

应该是

import myComponent from '../../src/components/MyComponent'

注意，导入名称myComponent依赖于myComponent文件中导出的名称。

我在React上遇到了点问题。Fragment，因为我的react的版本是< 16.2，所以我去掉了它。