Javascript React应用程序赢得'；不要停止装载。充满错误的浏览器控制台

我正在尝试创建一个react网站，它在我的浏览器上随机停止加载。控制台显示一长串错误。其中大多数是：“tabTarget为空”和“未选中的lastError值：错误：发生意外错误”

我似乎找不到类似的问题。下面是我的App.js、Footer.js和Index.js代码

App.js

import React from 'react';
import { BrowserRouter as Router, Link } from 'react-router-dom';
import Container from 'react-bootstrap/Container';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
//import NavbarBrand from 'react-bootstrap/NavbarBrand';
import './App.css';

import Footer from './components/Footer';

class App extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      title: 'My name',
      headerLInks: [
        {title: 'Home', path: '/'},
        {title: 'About', path: '/about'},
        {title: 'Contact', path: '/contact'},
      ],
      home: {
        title: 'Be Relentless',
        subTitle: 'Projects that make a difference',
        text: 'Checkout my projects below'
      },
      about: {
        title: 'About me'
      },
      contact: {
        title: 'Let\'s talk'
      }
    }
  }

  render() {
    return (
      <Router>
        <Container className='p-0' fluid={true}>

          <Navbar className='border-bottom' bg="transparent" expand="lg">
            <Navbar.Brand>My Name</Navbar.Brand>

            <Navbar.Toggle className="border-0" aria-controls="navbar-toggle" />
            <Navbar.Collapse id="navbar-toggle">
              <Nav className="ml-auto">
                <Link className="nav-link" to="/">Home</Link>
                <Link className="nav-link" to="/about">About</Link>
                <Link className="nav-link" to="/contact">Contact</Link>
              </Nav>
            </Navbar.Collapse>
          </Navbar>

          <Footer />

        </Container>
      </Router>
    )
  }
}

export default App;

从“React”导入React；
从“react Router dom”导入{BrowserRouter as Router，Link}；
从“react引导/容器”导入容器；
从“react引导/Navbar”导入Navbar；
从“反应引导/Nav”导入Nav；
//从“react bootstrap/NavbarBrand”导入NavbarBrand；
导入“/App.css”；
从“./components/Footer”导入页脚；
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
标题：“我的名字”，
标题链接：[
{标题：'主'，路径：'/'}，
{title:'About'，path:'/About'}，
{title:'Contact'，路径：'/Contact'}，
],
主页：{
标题:"无情",，
副标题：“与众不同的项目”，
文本：“在下面签出我的项目”
},
关于：{
标题：“关于我”
},
联系人：{
标题：“让我们谈谈”
}
}
}
render（）{
返回(
我的名字
家
关于
接触
)
}
}
导出默认应用程序；

Footer.js

import React from 'react';
import Container from 'react-bootstrap/esm/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';

function Footer() {
    return (
        <Footer className="mt-5">
            <Container fluid={true}>
                <Row classNam="border-top justify-content-between p-3">
                    <Col className="p-0" md={3} sm={12}>
                        My name
                    </Col>
                </Row>
            </Container>
        </Footer>
    )
}

export default Footer;

从“React”导入React；
从“react bootstrap/esm/Container”导入容器；
从“反应引导/行”导入行；
从“反应引导/Col”导入Col；
函数页脚（）{
返回(
我的名字
)
}
导出默认页脚；

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import 'bootstrap/dist/css/bootstrap.css';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./App”导入应用程序；
从“/reportWebVitals”导入reportWebVitals；
导入'bootstrap/dist/css/bootstrap.css'；
ReactDOM.render(
,
document.getElementById（'root'））
);
reportWebVitals（）；

您正在调用导致循环的内部Footer函数。将页脚函数更改为以下内容：

    function Footer() {
    return (
            <Container fluid={true}>
                <Row classNam="border-top justify-content-between p-3">
                    <Col className="p-0" md={3} sm={12}>
                        My name
                    </Col>
                </Row>
            </Container>
    )
}

函数页脚（）{
返回(
我的名字
)
}

只需将页脚更改为html或其他标记，例如：

import React from 'react';
import Container from 'react-bootstrap/esm/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';

function Footer() {
    return (
        <footer className="mt-5">
            <Container fluid={true}>
                <Row classNam="border-top justify-content-between p-3">
                    <Col className="p-0" md={3} sm={12}>
                        My name
                    </Col>
                </Row>
            </Container>
        </footer>
    )
}

从“React”导入React；
从“react bootstrap/esm/Container”导入容器；
从“反应引导/行”导入行；
从“反应引导/Col”导入Col；
函数页脚（）{
返回(
我的名字
)
}

您重启计算机了吗？我重启了。没有变化。我正试图对我所做的事情进行逆向工程。到目前为止，没有变化。