类型“JQuery<HTMLElement>”上不存在属性“涟漪”。在角度分量中

Question

我正在尝试在 Angular 上实现 jquery 函数，但终端返回以下错误：

类型“JQuery”上不存在属性“涟漪”

在我的控制台上出现以下错误：ERROR ReferenceError: $ is not defined

这是我的代码 sn-p

import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
import 'jqueryui';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})

export class HomeComponent implements OnInit {
  constructor() { }

  ngOnInit() {
    $(document).ready(function() {
      $('.image').ripples('show');
    });
  }
}

Answer 1

你必须声明 $ 如下，

declare var $; 

而不是

import * as $ from 'jquery';

更新
更新您的 angular.json 文件

"scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              //Here ripple module path
            ],

这将解决您的错误 -> $ 未声明 以及 ripple。