Не работает react-router-dom?

Question

[saiasasd]

Здравствуйте.
Создаю чистый проект через npx create-react-app. Сразу после этого пишу в терминале npm install react-router-dom. Смотрю в package.json - он установлен. Захожу в app.js и меняю тег a (learn react) на тэг link. В итоге приложение не запускается (импорт не забыл)
P.S. При импорте нескольких компонентов из react-router-dom (import {Link, Route, BrowserRouter} from "react-router-dom", WebStorm почему-то выделяет Link отдельным цветом (желтым), а все остальные - серым.

Answer 1

[Алексей Уколов]

Ну вам же красным по белому написали - использовать Link можно только внутри компонента Router, вне его он не имеет смысла и не может работать. Вам следует вернуться к изучению документации: https://reactrouter.com/docs/en/v6/getting-started...

WebStorm почему-то выделяет Link отдельным цветом (желтым), а все остальные - серым.

Серым выделяются импортируемые, но никак не используемые модули.

Comments

[saiasasd]

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

[Алексей Уколов]

Ну, значит, у них просто тип разный. Не обращайте внимания, это не имеет отношения к вашей проблеме.

[Aetae]

saiasasd,

на сайте, который вы скинули, Link лежит сам по себе

https://reactrouter.com/docs/en/v6/getting-started...

[saiasasd]

Aetae, Все равно не работает. Еще хочу сказать, что во время установки react-router-dom в терминале пишется "2 criticales".

[Алексей Уколов]

Что "не работает" конкретно?

[saiasasd]

Алексей Уколов, Вот, записал видео о проблеме: https://www.youtube.com/watch?v=Sb6Ef9-zqsI&ab_cha...

[Алексей Уколов]

Вы издеваетесь что ли? Видео на 4 минуты в 360p, в котором ошибку вы показали в самом конце ровно одну секунду?

[Алексей Уколов]

Берите документацию роутера и изучайте её последовательно, а не методом переставления буковок.

[saiasasd]

Алексей Уколов, Это до обработки 360. Уже в 1080 оно. Видео идет 4 минуты, потому что я показал от и до, что делаю (в том числе npx create-react-app). Вся проблема на 3:10.
Пожалуйста, помогите, я правда не знаю, что не так делаю. На чистом проекте не работает этот Link. Делаю все, как написано, не работает. Если закомментирован Link, все работает

[Алексей Уколов]

Ну так а зачем вы показали "от и до", если вся проблема на 3:10? В программировании принято оперировать кодом и конкретными ошибками, а не видео и скриншотами.

В рамках одного вопроса я не могу вас одновременно обучить джаваскрипту, реакту и роутеру. Открывайте учебники и по ним постепенно двигайтесь. А на ваш изначальный вопрос я ответил.

[saiasasd]

Алексей Уколов, Так и скажите, что сами не знаете, как решить проблему, чтобы не тратить ни ваше, ни мое время.

[Алексей Уколов]

Вы пришли сюда с проблемой - я её вам решил. Вы пришли со второй, которая с первой не связана. Я из вопросов понимаю, что знания у вас околонулевые и если я решу вам вторую, вы придёте с третьей. И в итоге я проделаю ту же работу, что уже сделали авторы документации роутера. Зачем?

[Алексей Уколов]

Ну, ладно, если хотите, чтобы вас понянчили, отвечу - где вы у Link атрибут to потеряли? А теперь - идите проходить https://reactrouter.com/docs/en/v6/getting-started... вдумчиво и последовательно.

[Алексей Уколов]

saiasasd, я дал ответ на два ваших вопроса, чего вам ещё надо, зачем вы убираете отметку решения? Вам хочется в бан?

[Модератор]

Можно устроить.

Answer 2

[FilinSnow]

проверьте, у вас import ReactФ вместо React

Comments

[saiasasd]

Это только во время скриншота случайно добавил. Проблема не в этом символе

Answer 3

[Palpebral]

BrowserRouter нет же