Angular geting(..)工具提示不是Jquery的函数

Question

我正在尝试使用将Jquery合并到我的Angular 8项目中

var$=require('jquery'(；

然而，当我将这种方法称为时

$(MyControl).tooltip({'title': data.text, html:true});

我得到一个类型错误：$(…(。工具提示不是函数

我的angular.json脚本部分看起来完全像这样，所以jquery在其他两个之前声明

"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/@popperjs/core/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"             
],

导致此错误的原因是什么？

更新好的，这只是wierd所以把这些js文件放在我的angular.json的styles头下，它就可以工作

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

将它们放在脚本部分下不起作用，将它们完全从angular.json中删除也不起作用。

只有两个地方可以工作，那就是直接在index.html中作为CDN或在样式部分中。

为什么这部作品采用风格而非剧本，有什么押韵或原因吗？

Answer 1

在要使用jQuery插件的angular组件中声明一个名为jQuery或$的变量。

declare var $: any;

或

declare var jQuery: any;

declare关键字用于环境声明，在环境声明中，您希望定义可能不是源自TypeScript文件的变量。