类型“JQuery”上不存在属性“涟漪”<HTMLElement> &#39;。 在角分量

Question

I'm trying to implement a jquery function on angular but terminal is returning the following error:

Property 'ripples' does not exist on type 'JQuery<HTMLElement>'

While on my console I'm getting the following error: ERROR ReferenceError: $ is not defined

Here is my code snippet

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

You have to declare $ as following ,

declare var $; 

instead of

import * as $ from 'jquery';

UPDATED
Update your angular.json file

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

This will solve your error -> $ not declared and also of ripple .