小编yas*_*ade的帖子

我收到此错误 函数作为 React 子项无效。如果您返回一个组件而不是从渲染中返回，则可能会发生这种情况。或者也许您打算调用此函数而不是返回它

和

位置“/”处的匹配叶路由没有元素。这意味着默认情况下它将呈现空值，从而导致“空”页面。

这个

App.js 文件是

import React, { Component } from 'react'; 
import HomePage from './pages/HomePage'; 
import { BrowserRouter, Routes, Route, } from 'react-router-dom'; 
import './App.css'; 
import { render } from '@testing-library/react';

class App extends Component {   render() {
    return (
      <BrowserRouter>
      <Routes>
          <Route path='/' element={HomePage} exact/>
      </Routes>
      </BrowserRouter>
    );   } }

export default App;

和Homepage.js

import React from 'react';

const HomePage = () => (
    <>
    <h1>Hello, welcome to my blog!</h1>
    <p>
        Welcome to my …

编译有问题：X

./src/App.js 中出现错误

导出“导航栏”（导入为“导航栏”）在“./导航栏”中找不到（可能导出：默认）这是我的导航栏 Js，我已经导出了导航栏，但我仍然收到此错误:)

import React from 'react';
import { Link } from 'react-router-dom';

const NavBar = () => (
    <nav>
        <ul>
            <li>
                <Link to="/">Home</Link>
            </li>
            <li>
                <Link to="/about">About</Link>
            </li>
            <li>
                <Link to="/articles-list">Articles</Link>
            </li>
        </ul>
    </nav>
);

export default NavBar;

这是 App.js，我在其中导出了应用程序，但仍然显示错误

import  React , { Component } from 'react';
import { BrowserRouter as Routes, Route, Switch,} from 'react-router-dom';
import { HomePage } from './pages/HomePage';
import { AboutPage } from './pages/AboutPage';
import { ArticlesListPage } from './pages/ArticlesListPage';
import { …