对我来说，我有两个名称相同但扩展名不同的文件(.js和.tsx)。因此在我的导入中，我必须指定扩展名。

当我在我的渲染/返回语句中有一个糟糕的引用时，这个问题出现在我身上。(指向不存在的类)。 还要检查return语句代码中的错误引用。

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;

在我的例子中，我添加了相同的自定义组件作为道具，而不是实际的道具

   import AddAddress from '../../components/Manager/AddAddress';
    
    class Add extends React.PureComponent {
      render() {
        const {
          history,
          addressFormData,
          formErrors,
          addressChange,
          addAddress,
          isDefault,
          defaultChange
        } = this.props;
    

错误:

    return (
        <AddAddress
          addressFormData={addressFormData}
          formErrors={formErrors}
          addressChange={addressChange}
          addAddress={AddAddress} // here i have used the Component name as probs in same component itself instead of prob
          isDefault={isDefault}
          defaultChange={defaultChange}
        />
      </SubPage>

解决方案:

return (
    <AddAddress
      addressFormData={addressFormData}
      formErrors={formErrors}
      addressChange={addressChange}
      addAddress={addAddress} // removed the component name and give prob name
      isDefault={isDefault}
      defaultChange={defaultChange}
    />
  </SubPage>

这并不是一个与进出口直接相关的问题。在我的例子中，我是在父元素中呈现子元素，并且子元素有jsx element / tag，它被使用但没有导入。我导入并使用它，然后它解决了这个问题。所以问题是在jsx元素里面的子元素，而不是导出子元素本身。

就我而言，VS Code让我失望了。

这是我的组件的层次结构:

<HomeScreen> =>  <ProductItemComponent> =>  <BadgeProductComponent>

我错误地导入了ProductItemComponent。事实上，这个组件以前在共享文件夹中，但后来它被移动到主文件夹中。但是当我将文件移动到另一个文件夹时，导入没有更新，保持不变:

../shared/components

同时，组件工作正常，VS Code没有突出显示错误。但是当我添加了一个新的BadgeProductComponent到ProductItemComponent，我有一个渲染错误，并认为问题是在新的BadgeProductComponent，因为当这个组件被删除，一切工作!

更重要的是，如果我通过热键到ProductItemComponent它有。/shared/components地址，然后VS Code重定向到Home文件夹的地址../ Home /components。

通常，检查所有组件级别上所有导入的正确性。