Bootstrap 手风琴在打字稿中不起作用答案

【问题标题】：Bootstrap accordion not working in typescriptBootstrap 手风琴在打字稿中不起作用
【发布时间】：2021-07-11 04:54:44
【问题描述】：

我正在尝试使用 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 分钟的工作，我被卡住了，希望能得到一些帮助。提前致谢！

【问题讨论】：

标签： jquery typescript twitter-bootstrap accordion

【解决方案1】：

你使用什么版本的 Bootstrap 和什么版本的 jQuery？带有 jQuery 3.5.1 的 Bootstrap 4.6.0 运行良好，但带有 jQuery 3.6.0 并没有为我打开下拉菜单。可能 jQuery 3.6.0 中存在一个错误，这会导致与手风琴类似的问题，例如下拉菜单。

尝试将 jQuery 降级到 3.5.1 版。

【讨论】：