Vscode Localhost:3000显示白屏- React App.

Question

更新:添加源代码。问题似乎是与我所做的额外的页面组件。问题在于Home、Product Description、Tweets和ColdEmails中的代码。我不知道如何添加源代码添加。

这是如何在页面"Home"看起来像:

import React from ' React '从'react'中导入{Component}

类Home扩展组件{呈现(){回报(

这是主页

(}}export default Home

问题似乎是在导入Home - Cold电子邮件和从Home到Cold电子邮件的功能之间。一旦我删除了除了导航导入和导航功能之外的所有内容，我创建的导航栏就会显示出来。提前感谢!

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;

我试图在包含其他页面的额外导入后显示导航栏ui和页面。

Answer 1

很可能是您导入的组件之一。通常白屏表示TypeError。就像一个被调用的值不适合它想要渲染的类型。

例如:调用一个对象，但试图将其呈现为字符串。