引导手风琴在 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。