'response-router' не содержит экспорт с именем 'BrowserRouter'

Я использую реактивный маршрутизатор версии 5.5.1 и пытаюсь использовать его в своем файле index.js:

./src/index.js
14:8-21 'react-router' does not contain an export named 'BrowserRouter'

Оператор импорта в моем index.js:

import { render } from 'react-dom';
import { BrowserRouter, Match, Miss } from 'react-router';

Используйте версию 3.x LOL

asiniy 12.04.2018 05:45

@asiniy Я новичок, поэтому не знаю, зачем мне возвращаться к более старой версии. Я попытался обновить свой реактивный маршрутизатор и отреагировать с помощью npm update -g react react-router, но ошибка не была устранена.

Flame of udun 12.04.2018 05:48
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
7
2
26 166
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Ответ принят как подходящий

вам нужно импортировать BrowserRouter из react-router-dom

import { BrowserRouter } from 'react-router-dom'

подробнее о BrowserRouter

Я сделал это, но затем у меня возникла такая же ошибка для Match.

Flame of udun 12.04.2018 06:19

Матч переименован в Маршрут, подробнее в stackoverflow.com/questions/42362457/react-router-match-miss

Alex Munoz 12.04.2018 06:28

BrowserRouter является частью react-router-dom, поэтому вы должны импортировать его из react-router-dom.

import { BrowserRouter } from 'react-router-dom'

Match и Miss были компонентами в альфа-версии react-router. Match был заменен на Route, а Miss удален. Вы можете использовать Switch вместо Miss

Обратитесь к этот вопрос о Match и Miss

BrowserRouter находится в реактивном маршрутизаторе, как заявляли другие. V4 сильно отличается от v3. Я рекомендую посмотреть их руководство, чтобы узнать, как им пользоваться. И любые примеры, которые вы ищете, должны быть для версии 4.

https://reacttraining.com/react-router/web

import { BrowserRouter as Router, Route } from 'react-router-dom'

Проблема:

«Маршрут» не экспортируется из «response-router-dom» (импортируется как «Router»).

Решение:

Просто закройте localhost и повторно запустите npm start, он отлично работает

Добро пожаловать в SO и спасибо за ваш вклад. Чтобы максимизировать шансы помочь другим, подумайте о том, чтобы добавить к своему ответу немного больше пояснений.

entpnerd 20.01.2020 07:34

Итак, у меня была такая же проблема с Link из response-router-dom. Я решил это, установив ту же версию response-route и response-router-dom. Похоже, что в response-router-dom нет ссылки.

yarn add react-router react-router-dom

Другие вопросы по теме