当我将nothingundefined作为值传递给我创建的子组件时，发生了这个问题。我做了这个<MyComponent src="" />导致错误。然后将其更改为<MyComponent src=" " />，因为我真的不想传递任何东西…问题解决了。

EDIT

你把过程复杂化了。只要这样做:

index.js:

import React from 'react';
import ReactDom from 'react-dom';
import routes from './routes.js';
require('jquery');
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';
import './css/main.css';

ReactDom.render(<routes />, document.getElementById('root'));

routes.js:

import React from 'react';
import { AppContainer } from 'react-hot-loader';
import { Router, Route, browserHistory, IndexRoute } from 'react-router';
import store from './store/store.js';
import { Provider } from 'react-redux';
import App from './containers/App.jsx';
import Products from './containers/shop/Products.jsx';
import Basket from './containers/shop/Basket.jsx';

const routes =
    <AppContainer>
        <Provider store={store}>
            <Router history={browserHistory}>
                <Route path="/" component={App}>
                    <IndexRoute component={Products} />
                    <Route path="/basket" component={Basket} />
                </Route>
            </Router>
        </Provider>
    </AppContainer>;

export default routes;

如果在测试组件时出现此错误，请确保每个子组件在单独运行时都能正确呈现，如果其中一个子组件依赖于外部资源来呈现，请尝试使用jest或任何其他mock库来模拟它:

示例:

jest.mock('pathToChildComponent', () => 'mock-child-component')

在我的例子中，在使用Jest时，我模拟了一些模块，它导致了错误，因为模拟的模块不包括在其他领域使用的某些组件。

因此，请检查您的测试组件中是否有一些模拟函数。

我认为在排除这个错误时最重要的一点是，当您试图实例化一个不存在的组件时，它就会显现出来。这个组件不需要导入。在我的例子中，我将组件作为属性传递。我忘记更新其中一个调用，以便在一些重构之后正确地传递组件。不幸的是，由于JS不是静态类型的，我的错误没有被发现，它花了一些时间来弄清楚发生了什么。

要排除此错误，在呈现组件之前检查该组件，以确保它是您所期望的组件类型。

我也得到了这个错误。

我用的是:

import BrowserRouter from 'react-router-dom';

费克斯是这样做的:

import {BrowserRouter} from 'react-router-dom';