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'in   [当前文件夹]

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

但是当我弹出我的ReactCreateApp时，我有效地在包JSON中看到react-router-dom：

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

有人知道它发生了什么吗？

谢谢你读过我

Answer 1

我在codeandbox中尝试了这个，它运行正常。看看这里。 https://codesandbox.io/s/7o3qjyy6

尝试安装npm？

修改

这次没有使用codesandbox我创建了一个应用程序。

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

它有效。

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

1 个答案: