Как исправить ошибку: Попытка импорта: «Маршрут» не экспортируется из «Reaction-router-dom»

Question

- Обновление: это начало работать, когда я просто остановил сервер разработки, вышел из VSCode и перезапустил его снова.Не уверен, что вызвало это.

Занятое обучение Реагируйте и столкнулись с этой ошибкой.Я пробовал несколько других сообщений SO, но, похоже, не могу получить ответ на мою проблему.

Я следую инструкциям, чтобы использовать только response-router-dom и импортировать BrowserRouter и Route из response-router-доминионНо я получаю сообщение об ошибке:

./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"
  ]
}

Из того, что я читал, другие посты все еще используютРеактив-роутер отдельно, но если я правильно понимаю документацию, я не должен делать это в этой версии?Кроме того, я следую учебнику, который делает это точно, и, кажется, работает.

Буду признателен за любой совет, спасибо!

Answer 1

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

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

    </div>
    </BrowserRouter>
   );
  }
  }

  export default App;

попробуйте так

Answer 2

Кажется, что в следующих версиях маршрут устарел, поэтому используйте следующий импорт. Работал на меня.

import {Route} из'act-router-dom / Route ';