角5+ Popper.JS

Question

我正在尝试启动一个需要Popper.Js特性的培训项目。然而，它似乎不允许我仅仅开始使用Popper.Js。

根据Bootstrap的文档，我开始使用Popper.Js

$(function () {
  $('[data-toggle="tooltip"]').tooltip();
});

我在ngOnInit的主组件中使用它。但是，它不起作用。此错误发生在“JQuery”类型上不存在“属性‘工具提示’”。我导入了jquery和引导包文件。安装了所有库的类型。

我也尝试了纯"popper.js“而不是bootstrap.bundle.js。但同样的错误也会发生。Bootstrap.bundle.js(按正确的顺序包括引导和popper.js )和jquery是在角-cli.json中导入的。

Answer 1

运行以下命令来安装引导jquery & popper.js：

  npm install bootstrap@4.0.0-beta.2 popper.js jquery --save

在角-cli.json中，添加以下几行：

"styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/popper.js/dist/popper.min.js",
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"
  ],

在您的page.ts中添加：

declare var $;

编辑：

并不是所有的JavaScript库/框架都有TypeScript声明文件。另一方面，我们可能希望在TypeScript文件中使用库/框架，而不会出现编译错误。一种解决方案是使用declare关键字。declare关键字用于环境声明，在该环境声明中，您希望定义一个可能不是起源于TypeScript文件的变量。