0

我是新来的反应。在我的反应应用程序中进行路由时,我收到一个错误(未找到模块:无法解析 'react-lodable') 。

这是我的代码:

路由.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;
4

3 回答 3

0

我也遇到了同样的问题,当我删除我的节点模块并且确实 yarn installnpm install 它工作时。

于 2019-06-29T08:32:16.637 回答
0

根据您的代码,您做得对,但错误说明Module not found: Can't resolve 'react-lodable'了一些您​​拼错的地方,react-lodable 而不是react-loadable

于 2018-06-18T06:38:27.240 回答
0

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

于 2019-12-23T14:54:34.877 回答