Свойство 'рябь' не существует для типа 'JQuery<HTMLElement>'. в angular компонент

Question

Я пытаюсь реализовать функцию jquery на angular, но терминал возвращает следующую ошибку:

Свойство 'рябь' не существует для типа 'JQuery '

В то время как на моей консоли я получаю следующую ошибку: ОШИБКА ReferenceError: $ не определено

Вот мой фрагмент кода

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 file

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

Это решит вашу ошибку -> $ не объявлено , а также ripple .