2

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

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

虽然我在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我不想混淆jQueryAngular

我还在 Github 上打开了一个关于此的问题。在这里检查。

4

0 回答 0