在 React 中：找不到模块：无法解析“react-loadable”？答案

【问题标题】：In React: Module not found: Can't resolve 'react-lodable'?在 React 中：找不到模块：无法解析“react-loadable”？
【发布时间】：2018-06-18 06:10:08
【问题描述】：

我是新来的反应。在我的 react 应用中进行路由时，我收到一个错误（未找到模块：无法解析 'react-lodable'）。

这是我的代码：

route.js：

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import React, { Component } from 'react';
import Loadable from 'react-loadable';
import './App.css';

const Loading = () => <div> Loading... </div>;

const Home=Loadable({
    loader:()=>import('./components/home-component/Home'),
    loading:Loading
});

const User=Loadable({
    loader:()=>import('./components/user-component/User'),
    loading:Loading

});

class App extends Component {
  render() {
    return (
      <Router>
      <Switch>
          <Route exact path="/" component="Home" />
          <Route path="/user" component="User" />
      </Switch>
  </Router>
    );
  }
}

export default App;

【问题讨论】：

您是否安装了react-loadable 和npm i 或yarn add？
react-loadable@5.4.0 已安装。
@ShubhamVerma npm start???
根据您的错误消息，您的导入中有错字，请检查一下，错误说您将'react-loadable'; 拼写为`react-lodable'`
是的，我已经安装了 npm install react-loadable --save

标签： reactjs react-router react-loadable

【解决方案1】：

根据您的代码，您做得对，但错误提示 Module not found: Can't resolve 'react-lodable' 所以有些地方您将其拼写为 react-lodable 而不是react-loadable

【讨论】：

我不这么认为。我使用了来自reactjs.org/docs/code-splitting.html 的正确的一个
尝试将您的应用添加到沙盒中，以便轻松提供帮助

【解决方案2】：

我也遇到了同样的问题，当我删除了我的节点模块并做了 yarn install 或 npm install 成功了。

【讨论】：

【解决方案3】：

我也遇到了同样的问题，我发现react-loadable在我的package.json中不存在，然后尝试npm install react-loadable?

【讨论】：