Bootstrap 的 JavaScript 需要 jQuery - Reactjs

Question

我必須將bootstrap與reactjs一起使用，當我嘗試導入 Bootstrap.js 時，它給了我錯誤

Bootstrap 的 JavaScript 需要 jQuery

這是我的導入語句（我嘗試以下）

import $ from 'jquery';
import jQuery from 'jquery'; //I installed jquery using npm
import '@shopify/polaris/jquery'; //I put jquery.js file 
import '@shopify/polaris/bootstrap';

似乎沒有什么在這里工作。

Answer 1

您可以使用React Bootstrap以及替代方法。 它具有 Bootstrap 的所有元素，並且與 ReactJS 元素很好地融合在一起。

Answer 2

在您的 HTML 文件中：

<html>
      <head>

           ..................
           ..................
           ..................
      </head>

      <body>
           ..................
           <script src="jquery.js"></script> // <<<<<< you missing import jquery here
           <script src="bootstrap.js"></script> // <<<<<<< you have this one
           ..................
      </body>
</html>

Answer 3

Bootstrap 要求 jquery 在全局對象上可用。 嘗試以下 -

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

const $ = require('jquery');
window.$ = $;
window.jQuery = $;
require('bootstrap/dist/js/bootstrap.min');

我已經為 bootstrap@3.3.7 和 jquery@2.2.4 驗證了它。

參考 - 問題

Bootstrap 的 JavaScript 需要 jQuery - Reactjs

問題描述

3 個解決方案

解決方案1
1 2017-09-26 06:42:20

解決方案2
1 已采納 2017-09-26 07:10:04

解決方案3
0 2020-06-04 13:42:26

Bootstrap 的 JavaScript 需要 jQuery - Reactjs

問題描述

3 個解決方案

解決方案1 1 2017-09-26 06:42:20

解決方案2 1 已采納 2017-09-26 07:10:04

解決方案3 0 2020-06-04 13:42:26

解決方案1
1 2017-09-26 06:42:20

解決方案2
1 已采納 2017-09-26 07:10:04

解決方案3
0 2020-06-04 13:42:26