ОБНОВЛЕНИЕ: добавлен исходный код. Кажется, проблема связана с дополнительным компонентом страницы, который я сделал. Проблемы связаны с кодом на главной странице, в описании продукта, в твитах и ​​в сообщениях ColdEmail. Я не знаю, как добавить исходный код.

Вот так выглядит код на странице «Главная»:

импортировать React из «реагировать» импортировать {Компонент} из «реагировать»

class Home расширяет компонент { оказывать() { возвращаться (

Это домашняя страница

Проблема, по-видимому, заключается в импорте «Домой» — «Холодные» электронные письма и/или между функцией «Дом» и «Холодными» электронными письмами. Как только я удаляю все, кроме импорта навигации и функции навигации, отображается панель навигации, которую я создал. Заранее спасибо!

import './App.css';

//Import all the components at the top
import Navigation from './components/Navigation'
import Home from './components/Home'
import ProductDescription from './components/ProductDescription'
import Tweets from './components/Tweets'
import ColdEmails from './components/ColdEmails'

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

function App() {
  return (
    <Router>
      <div className = "App">
      <Navigation/> 
      <Home/>
      <ProductDescription/>
      <Tweets/>
      <ColdEmails/>
      </div>
    </Router>
  );
}
export default App;

Я пытаюсь отобразить пользовательский интерфейс и страницы панели навигации после включения дополнительного импорта других страниц.