reactjs - 为什么 React-Create-App 无法读取 ReactRouter 数据类型？

Question

我目前尝试构建一个 React-Create-App。它是 github 上的一个包 - 8 天前的最新提交。

我的编译器无法翻译我的 ReactRouters 代码。

这是我的 App.js 代码，首先编辑：

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


class App extends Component {
  render() {
    return (

      <Router>
           <div className="App">
              <Route path='/' render={
                  ()=> {
                    return (<h1> Welcome Home </h1> ) ;

                  }

              }/>
           </div>
     </Router>
    );
  }
} 


export default App;

错误日志如下：

编译失败。

./src/App.js 中的错误未找到模块：[当前文件夹] 中的“react-router-dom”

@ ./src/App.js 16:22-49

但是当我弹出我的 ReactCreateApp 时，我实际上在 JSON 包中看到了一个 react-router-dom：

• { "react-router-dom": "^4.2.2" }

我该如何解决？

Answer 1

我在代码盒中尝试了这个，它工作正常。看看这里。 https://codesandbox.io/s/7o3qjyy6

试试 npm 安装？

编辑

这次我创建了一个没有代码沙盒的应用程序。

npx create-react-app my-app
cd my-app/

在 package.json 中添加了这一行，因为 create-react-app 本身说在这里添加这样的路由器：https ://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template /README.md#adding-a-router

"react-router-dom": "^4.2.2"

做了一个

npm i

它奏效了。