jQuery插件在angular6中不起作用

Question

错误TypeError：jquery__WEBPACK_IMPORTED_MODULE_1 __（...）。easeScroll不是一个函数     在easyScrollFunc（header.component.ts：372）     在HeaderComponent.push ../ src / app / header / header.component.ts.HeaderComponent.ngOnInit（header.component.ts：572）

我的componenet调用下面的jquery方法并得到上述错误      $（“ html”）。easeScroll（）;

我在我的componenet中添加了jQuery

import $ from 'jquery';

还在脚本下的angular.json文件中包含了relevent jquery文件 如下所述。

"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/assets/easeScroll/jquery.easeScroll.js"

easeScroll方法是jquery.easeScroll JS文件的一部分

我找不到丢失的区域。请对此提供帮助，并在此先感谢

Answer 1

使用：

import * as $ from 'jquery'

Answer 2

我用这种方式。

第1步：npm安装jquery

第2步：在您的组件中

import $ from 'jquery'
declare var $: $

第3步：

 ngOnInit(): void {
        $('.btn-class').click({
            console.log("event clicked")
          })
    }