如何修复错误：尝试导入错误：“Route”未从“react-router-dom”导出

Question

- 更新：当我刚刚停止开发服务器，退出 VSCode 并再次重新启动它时，这开始工作了。不知道是什么原因造成的。

忙于学习 React，遇到了这个错误。我已经尝试了其他几个 SO 帖子，但似乎无法回答我的问题。

我遵循仅使用 react-router-dom 并从 react-router-dom 导入 BrowserRouter 和 Route 的指导。但我收到一个错误：

 ./src/App.js
Attempted import error: 'Route' is not exported from 'react-router-dom'.

不知道我在这里做错了什么？

这是我的 App.js

 import React, { Component } from 'react';
import Navbar from './components/Navbar'
import { BrowserRouter, Route } from 'react-router-dom'
import Home from './components/Home'

class App extends Component {
  render() {
    return (
      <BrowserRouter>
      <div className="App">
        <Navbar />
        <Route path='/' component={Home} />
      </div>
      </BrowserRouter>
    );
  }
}

export default App;

这是我的 package.json：

   "name": "poketimes",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.8.5",
    "react-dom": "^16.8.5",
    "react-router-dom": "^5.0.0",
    "react-scripts": "2.1.8"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

从我一直在阅读的内容来看，其他帖子仍然单独使用 react-router，但如果我正确理解文档，我不应该在这个版本中这样做吗？另外，我正在关注一个完全做到这一点的教程，它似乎有效。

任何建议将不胜感激，谢谢！

原文由 Iwan Pieterse 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

关闭服务器并重新启动它。它工作正常。

npm start 或 yarn start

原文由 Mostafa Ghadimi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这个问题是由于 react-router-dom 的版本而发生的。尝试将 react-router-dom 更新到版本 6。

只需运行命令：

 npm install react-router-dom@6.0.0-beta.0

原文由 Amit Kumar 发布，翻译遵循 CC BY-SA 4.0 许可协议