Reactjs REACT网站npm启动不'；t启动网站

当我使用NPM启动时，它会在Chrome中打开一个网页，但过了一会儿，它说

“哇，啪！显示此网页时出错。”

---

我想让它运行并显示我的网页。不知道为什么它不起作用。我第一次使用NPMStart启动服务器时，它给了我这个页面

问题在于Navbar.js

问题是这里的类名是

Nav

，但Nav也用于渲染函数。我已将Nav重命名为CustomNavbar，并从npm包导入引导Nav

将您的代码更改为此

import React from 'react';
import { Link } from 'react-router-dom';
import Navbar  from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import { Button, FormControl, Form, NavDropdown } from "react-bootstrap";

export default class CustomNavbar extends React.Component {
  render() {
    return (
      <div>
        <Navbar bg="light" expand="lg">
          <Navbar.Brand href="#home">Pawsitively Delicious</Navbar.Brand>
          <Navbar.Toggle aria-controls="basic-navbar-nav" />
          <Navbar.Collapse id="basic-navbar-nav">
            <Nav className="mr-auto">
              <Nav.Link href="/">Home</Nav.Link>
              <Nav.Link href="AboutUs.js">About Us</Nav.Link>
              <NavDropdown title="Ingredients" id="basic-nav-dropdown">
                <NavDropdown.Item href="./TypesOfDogTreats">Types of Dog Treats</NavDropdown.Item>
                <NavDropdown.Item href="AllIngredients.js">Ingredients</NavDropdown.Item>
              </NavDropdown>
            </Nav>
            <Form inline>
              <FormControl type="text" placeholder="Search" className="mr-sm-2" />
              <Button variant="outline-success">Search</Button>
            </Form>
          </Navbar.Collapse>
        </Navbar>
      </div>
    );
  } // END OF RENDER
} // END OF Navbar

从“React”导入React；
从'react router dom'导入{Link}；
从“react引导/Navbar”导入Navbar；
从“反应引导/Nav”导入Nav；
从“react bootstrap”导入{Button，FormControl，Form，NavDropdown}；
导出默认类CustomNavbar扩展React.Component{
render（）{
返回(
美味无比
家
关于我们
狗食的种类
成分
搜寻
);
}//渲染结束
}//导航栏的末尾

能否在浏览器的开发者控制台中共享日志？如果您看不到日志，请尝试启用“保留日志”并刷新页面。它在您的控制台上显示了什么？行

import Logo from./Assets/Pawsitively Delicious Logo.jpg'存在问题在
组件中
-->
Home.js
。您正在尝试导入带有空格的图像，为什么要创建test.html？