Неверный тип элемента на маршрутах

Question

Я получил следующую ошибку, когда я пытался добавить маршруты в моем приложении, и я не знаю, что я делаю неправильно, я пытался следовать руководству по документации

Недопустимый тип элемента: ожидается строка(для встроенных компонентов) или класс / функция (для составных компонентов), но получили: undefined.Вероятно, вы забыли экспортировать компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена.

Проверьте метод рендеринга AppRoutes.

import React from 'react';
import { ConnectedRouter } from 'react-router-redux';
import { Route, Switch } from 'react-router-dom';

import SignUp from '../../screens/SignUp';

import { history } from '../../../redux/store';

function AppRoutes() {
  return (
    <ConnectedRouter history={history}>
      <Switch>
        <Route path="/login" component={SignUp} />
        <Route exact path="/" component={SignUp} />
      </Switch>
    </ConnectedRouter>
  );
}

export default AppRoutes;

Answer 1

Вам необходимо установить шаги в правильном порядке.Вы можете взглянуть по следующей ссылке: https://github.com/ReactTraining/react-router/issues/5428. предлагает воспроизвести

Создать новое приложение npm install -g create-реагировать-app создать-реагировать-приложение реагировать-маршрутизатор-параметры cd реагировать-router-params /

Установить реактивный маршрутизатор Установить реагировать на редукцию npm установить реактив-маршрутизатор-dom @ следующий

Вставить в пример поднятый непосредственно из документов

Запустить его npm start

Answer 2

Вы, вероятно, установили response-router-redux следующим образом:

npm install --save react-router-redux

или

yarn add react-router-redux

Это устанавливает версию 4.x и из-за этого вы получаете эту ошибку.Если вы внимательно посмотрите документацию, вы увидите инструкцию как:

npm install --save react-router-redux@next

или

yarn add react-router-redux@next

После установки «следующей» версии 5.x эта ошибка исчезнет.