Uncaught Error: не удалось найти объект Materialise в окне

Question

Я пытаюсь использовать MaterializeCSS в моем Angular 6 приложении.Я использую materialize-css и angular2-materialize модуль от npm.Когда я запускаю приложение, оно успешно собирается.Но у меня есть эта ошибка в консоли браузера.И приложение не отображается в браузере.

Uncaught Ошибка: не удалось найти объект Materialize в окне.Он создан библиотекой materialize-css.Пожалуйста, импортируйте materialize-css перед импортом angular2-materialize.

Хотя я импортировал их в app.module.ts

Здесьмой код:

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

import 'materialize-css';
import { MaterializeModule } from 'angular2-materialize';

import { LayoutComponent } from './layout/layout.component';
import { SliderComponent } from './layout/slider/slider.component';

@NgModule({
  declarations: [
    AppComponent,
    LayoutComponent,
    SliderComponent
  ],
  imports: [
    BrowserModule,
    MaterializeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

export class AppModule { }

массив стилей и сценариев из angular.json

"styles": [
    "./node_modules/materialize-css/sass/materialize.scss",
    "src/styles.sass"
],
"scripts": [
    "./node_modules/materialize-css/dist/js/materialize.min.js"
]

Я не использую jQuery, поскольку jQuery больше не является зависимостью materialize-css, и я не хочу смешивать jQuery и Angular

Я также открыл вопрос об этом на Github.Проверьте это здесь .