React-Bootstrap未捕獲ReferenceError：require未定義

Question

我是新來的響應者，我正在嘗試在項目中使用react-bootstrap。 但是我無法使它工作，在https://react-bootstrap.github.io/getting-started.html的 react-bootstrap頁面上的示例。 我只在我的html中包含以下代碼，但是我得到react.production.min.js：10 Uncaught ReferenceError：require未定義錯誤。 實際上，我已經閱讀了其他問題和許多教程，甚至還不能包含來自CDN的正確文件。 什么應該是正確的文件，或者我需要其他任何腳本才能正常工作。 謝謝，，

<!-- Bootsrap and react js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/cjs/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.31.5/react-bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/cjs/react-dom.production.min.js"></script>

完整的錯誤跟蹤如下：

Uncaught ReferenceError: require is not defined
at react.production.min.js:10
 react-bootstrap.min.js:10 Uncaught TypeError: Cannot read property    'Component' of undefined
at Object.e.__esModule.default (react-bootstrap.min.js:10)
at t (react-bootstrap.min.js:1)
at Object.e.__esModule.default (react-bootstrap.min.js:11)
at t (react-bootstrap.min.js:1)
at Object.t.exports (react-bootstrap.min.js:1)
at t (react-bootstrap.min.js:1)
at t (react-bootstrap.min.js:1)
at react-bootstrap.min.js:1
at react-bootstrap.min.js:1
at react-bootstrap.min.js:1

react-dom.production.min.js：13 Uncaught ReferenceError：require未在react-dom.production.min.js：13 1:86 Uncaught ReferenceError：ReactBootstrap未在1:86定義

Answer 1

如果您在瀏覽器中使用它，請在使用webpack或類似工具之前不要遵循CommonJS部分。 瀏覽器是異步的，因此您不能同步使用require 。 而是遵循ES6（如果使用Babel進行轉譯）或AMD（使用RequireJS或類似代碼）的說明。

如果您不知道這些含義是什么，請按照“瀏覽器全局變量”說明進行操作，以包括所有內容：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/<react-version>/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/<react-version>/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-bootstrap/<version>/react-bootstrap.min.js"></script>
<script>
var Alert = ReactBootstrap.Alert;
</script>