Bootstrap 5 弹出错误 - 找不到名称“bootstrap”

Question

我正在尝试在 Angular 12 项目的 Javascript 中创建一个弹出窗口。我正在使用 Boostrap v5.0.1。当我尝试创建弹出窗口时，我似乎无法摆脱名称错误：

 var exampleEl = document.getElementById(item.name + index);
 var tooltip = new bootstrap.Popover(exampleEl, {
    container: 'body',
    animation: true
 });

打字稿告诉我"Can't find name bootstrap"。

我已将 bootrap.js 添加到我的 angular.json 文件中：

"scripts": [
   "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]

根据文档，popper.js 包含在捆绑文件中。我没有使用 jQuery，也不想包含它。我还没有看到其他有类似问题的帖子，所以我一定只是忽略了一些小事情。有任何想法吗？

Answer 1

将此声明发布在文件顶部有效：

declare var bootstrap: any;