Question

我是新手做出反应。我在我的反应应用程序中进行路由时遇到错误（找不到模块：无法解决＆＃39; react-lodable＆＃39;）。

这是我的代码：

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;

Answer 1

根据您的代码，您做得对，但错误显示为Module not found: Can't resolve 'react-lodable'，因此您将其拼错为react-lodable 而不是react-loadable

Answer 2

当我删除节点模块并执行时，我也遇到了同样的问题 yarn install或npm install 它起作用了。

Answer 3

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

在React中：未找到模块：无法解决可反复使用的问题＆＃39 ;?

3 个答案: