网站搜索

javascript - 侧边导航在 Angular 和 Materialize CSS 中不起作用


我刚开始使用 Angular,我想使用 SidebarNav 和 Dropdown 来设置一个实用且响应式的菜单,但它不起作用。

我通过 CLI 安装并配置了 angular2-materialize 和 materialize-css。

我创建了一个名为“Navbar”的组件来包含菜单,并执行了以下过程:

app.module.ts

import 'materialize-css';
// import * as M from 'materialize-css/dist/js/materialize';
import { MaterializeModule } from 'angular2-materialize';

@NgModule({
  // ... ,
  imports: [
    // ... ,
    // M,
    MaterializeModule
  ],
})

但是他一直返回这个错误:

未捕获的错误:无法在 window 上找到 Materialize 对象。它是由 materialize-css 库创建的。请在导入 angular2-materialize 之前导入 materialize-css。

我在这个论坛上找到的解决方案不幸对我没有用。

答案#1

angular2-materialize 使用 materialize 版本 '0.100.2'。在你的 package.json 中将 materialize-css 改为 "^0.100.2"。然后运行 npm install。