Angular 7 - jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI is not a function

Angular 7 - jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI is not a function

Hi,

BlockUI don't works with Angular 7?

My component:
  1. import * as $ from 'jquery' ;

  2. ngOnInit () {
    $ ( document ). ready ( function () {
    $ . blockUI ();
    });
    }

My angular.json:

  1. "scripts" : [
    "node_modules/jquery/dist/jquery.min.js" ,
    "node_modules/jquery-blockui/jquery.blockUI.js" ,
    "node_modules/bootstrap/dist/js/bootstrap.js" ,
    "node_modules/chart.js/dist/Chart.js"
    ]
My dependences:

  1. "jquery" : "^3.3.1" ,
    "jquery-blockui" : "^2.7.0" ,
Error message:
  1. jQuery.Deferred exception: jquery__WEBPACK_IMPORTED_MODULE_5__.blockUI is not a function ./src/app/seguranca/login/login.component.ts/LoginComponent.prototype.ngOnInit/<@http://localhost:4200/main.js:1506:49
can you help me?