In React: Module not found: Can't resolve 'react-lodable'?

Question

I am new to react. I am getting an error ( Module not found: Can't resolve 'react-lodable' ) while doing routing in my react app.

Here is my code:

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;

Have you installed `react-loadable` with `npm i` or `yarn add`? — AKX, Jun 18 '18 at 06:12
there is a typo in your import as per your error message, please check it out , error says you spelled `'react-loadable';` as ` react-lodable'` — NishanthSpShetty, Jun 18 '18 at 06:32

score 0 · Answer 1 · answered Jun 18 '18 at 06:38

0

As per your code you are doing it right but error says Module not found: Can't resolve 'react-lodable' so some where you are misspelling it as react-lodable instead of react-loadable

answered Jun 18 '18 at 06:38

aravind_reddy

5,236
4
23
39

I don't think so. I have used correct one from https://reactjs.org/docs/code-splitting.html – Shubham Verma Jun 18 '18 at 06:43
try adding you app to sandbox so that it will easy to help – aravind_reddy Jun 18 '18 at 06:45

score 0 · Answer 2 · answered Jun 29 '19 at 08:32

0

I also got the same issue, when I deleted my node modules and did yarn install or npm install it worked.

answered Jun 29 '19 at 08:32

Aphrem Thomas

263
2
8

score 0 · Answer 3 · answered Dec 23 '19 at 14:54

0

I also got the same issue too, I found that react-loadable did not exist in my package.json, then tried npm install react-loadable

answered Dec 23 '19 at 14:54

Mohammad Reza

693
9
16

In React: Module not found: Can't resolve 'react-lodable'?

3 Answers3