React 应用程序完全是空的，仍然无法启动引导程序

Question

这就是我到目前为止所做的一切：

npx create-react-app bootstrapTest
cd bootstrapTest
npm install react-bootstrap bootstrap
npm start

我检查过，bootsrap 已安装，我可以看到它的 packag.json、package-lock.json 及其模块存在于 node_modules 中，到目前为止一切似乎都运行良好。

然后我将其添加到 App.js：

import Button from 'react-bootstrap/Button';

没有错误，然后第二次我添加一个引导按钮进行测试：

...
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>

<Button>test</Button>

        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
...

页面变白，完全空白，偶尔我会看到以“dispatcher is null”开头的巨大错误文本墙。然后我刷新，页面再次变白。如果我尝试检查它，在 id="root" 的反应 HTML 的 div 中没有呈现任何内容。

为什么会这样，设置 Bootstrap 时我错过了哪些步骤？我看到我所做的足以让它对大多数人起作用，但对我来说却不行。

第二次我使用我在控制台中得到 3 个错误：

react.development.js:209 中的一个：

警告：挂机无效。钩子只能在函数组件的内部调用。

react.development.js:1618 中的另一个： 未捕获的类型错误：调度程序为空

另一个在 react-dom.development.js:18687 中： 组件出现以上错误：../node_modules/react-bootstrap/esm/Button.js/Button<@localhost:3001/static/js/bundle.js:40509:7

我也有最新版本；因为我刚刚安装了两者并创建了反应应用程序： “bootstrap”：“^5.2.3”，“react-bootstrap”：“^2.7.4”