reactjslazy-loadingreact-loadable

Lazy loading: react-loadable is failing to load components in other folders


Using Create-react-app, I want to lazy load some of my components, this is working fine as long as the components are in the same folder as my main component (where I define the routes) however as soon as I want to load a component from another folder like

loader: () => import("../containers/HomeAContainer")

it fails to find/import the module. (exact same module will work if I move the file!

I have made a complete example which can be seen here


Solution

  • You are using a wrong path, correct it by using :

    { path: "/c", component: "./containers/HomeAContainer" }