reactjs - 如何修复错误: Attempted import error: 'Route' is not exported from '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，但如果我正确理解文档，我不应该在这个版本中这样做？另外，我正在遵循一个完全可以做到这一点的教程，并且它似乎有效。

如有任何建议，我们将不胜感激，谢谢!

Answer 1

关闭服务器并重新启动。运行良好。

npm start 或 yarn start