Question

我正在尝试在MaterializeCSS应用中使用Angular 6。我正在使用materialize-css中的angular2-materialize和npm模块。当我运行该应用程序时，它会成功构建。但是我在浏览器控制台中遇到了这个错误。该应用程序不会显示在浏览器上。

未捕获的错误：在窗口上找不到Materialize对象。它是由materialize-css库创建。请导入materialize-css 导入angular2之前。

尽管我将它们导入了 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上发布了一个与此有关的问题。选中here。

未捕获的错误：在窗口上找不到实现对象

0 个答案: