引導手風琴在 typescript 中不起作用

Question

我正在嘗試使用 Bootstrap 制作手風琴，由於某些原因，每當我點擊手風琴時，切換按鈕都不起作用。 我直接粘貼了教程網站上的代碼，但它仍然無法正常工作，我已經導入了 bootstrap 和 jquery 並且想知道我還缺少什么。

這是我的進口

import {React, FormattedMessage, defaultMessages as jimuCoreDefaultMessage, AllWidgetProps, css, jsx, styled} from 'jimu-core';
 import {IMConfig} from '../config';
import { Tabs, Tab, Button} from 'jimu-ui';
import defaultMessages from './translations/default';
import {ProgressBar} from 'react-bootstrap';
 import 'bootstrap/dist/css/bootstrap.min.css';
import'./main.css';

import { render } from "react-dom";
import 'font-awesome/css/font-awesome.min.css';
import * as $ from 'jquery';

這是我的手風琴代碼

<div class="container">
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
  <div id="demo" class="collapse">test</div>
</div>

我已經調試了 2 天，這應該是一個 5 分鍾的工作，我被卡住了，希望能得到一些幫助。 提前致謝！

Answer 1

你用的是什么版本的Bootstrap和什么版本的jQuery？ 帶有 jQuery 3.5.1 的 Bootstrap 4.6.0 運行良好，但帶有 jQuery 3.6.0 並沒有為我打開下拉菜單。 jQuery 3.6.0 中可能存在錯誤，這會導致與下拉菜單類似的手風琴問題。

嘗試將 jQuery 降級到版本 3.5.1。