当我将css文件添加到与组件文件相同的文件夹时，我遇到了这个问题。

我的重要陈述是:

import MyComponent from '../MyComponent'

当只有一个文件MyComponent.jsx时，这很好。(我在一个例子中看到了这种格式，并尝试了一下，然后忘记了我已经做到了)

当我添加MyComponent时。将SCSS导入到同一文件夹，则导入失败。也许JavaScript反而加载了.scss文件，所以没有出现错误。

我的结论是:即使只有一个文件，也要指定文件扩展名，以防稍后添加另一个文件。

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')

在我的情况下，我只需要从react-router-redux升级到react-router-redux@next。我猜肯定是兼容性问题。

大多数情况下，这表示导入/导出错误。但是要注意，不仅要确保堆栈跟踪中引用的文件本身得到了良好的导出，还要确保该文件正确地导入了其他组件。在我的例子中，错误是这样的:

import React from //注意末尾的.css，这是错误的原因! import SeeminglyUnimportantComponent from './SeeminglyUnimportantComponent.css'; Const组件= (props) => ( < div > < SeeminglyUnimportantComponent / > {/ *……这里的组件代码*/} < / div > ）; 导出默认组件;

我的情况不像上面许多人说的那样是一个重要的问题。在我的版本中，我们使用了一个包装器组件来做一些转换逻辑，我错误地传递了子组件，就像这样:

const WrappedComponent = I18nWrapper(<ChildForm {...additionalProps} />);

当我应该把它作为一个函数传递的时候:

const WrappedComponent = I18nWrapper(() => <ChildForm {...additionalProps} />);