Использование реакции-маршрутизатора-dom для добавления дополнительной страницы ⇐ Html

[Anonymous]

В настоящее время у меня есть только домашняя страница (/). Теперь я хочу добавить дополнительную страницу с другим путем (/about), поэтому пытаюсь включить реагирующий маршрутизатор.
Когда я делаю это в index.js, это работает:

Код: Выделить всё

const Home = () => {
return (

);
};

export default Home;

но когда я это сделаю:

Код: Выделить всё

import HomePage from './HomePage';
import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'

const Home = () => {
return (





);
};

export default Home;

Я получаю эту ошибку на локальном хосте:

Код: Выделить всё

Server Error
ReferenceError: document is not defined

This error happened while generating the page. Any console logs will be displayed in the terminal window.

Я также пробовал это в index.js:

Код: Выделить всё

const Home = () => {
if (typeof document !== 'undefined') {
return (





);
} else {
// Handle server-side rendering (optional)
return null;
}
};

но тогда я получаю эту ошибку:

Код: Выделить всё

Unhandled Runtime Error
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Home`.

Что я упускаю?

Подробнее здесь: https://stackoverflow.com/questions/780 ... ional-page