发布进口材料'；渐进式Web应用程序上的s sidenav（Angular2）

在完成Angular的MobileToolkit指南（）之后，我想为我的应用程序添加一些额外的组件。。。就像一个侧导航

就像教程教我的一样，我添加了使用SideNav组件所需的所有代码

以下是我的app.component.ts导入：

以下是注册说明：

添加的外部包（前两个来自上述教程）：

以及所有导出（同样来自教程）：

所有这些就绪后，我执行“ng serve”命令并。。。。meh：

经过一些研究，我在网上发现了类似的问题，但大多数问题要么与丢失的angular包（http）有关，要么与旧的Angular2版本有关。这里不是这样，因为我使用的是最新版本，并且http包已经就位（在node_模块和dist文件夹中）

---

如果您想深入挖掘：

昨天，我遇到了一个类似的问题，它在更新angular cli build.js时得到了解决，例如以下内容（请参见底部的@angular2 material entry）

我希望这有帮助

更新

可能是你失踪了

  '@angular2-material/core': {
    format: 'cjs',
    defaultExtension: 'js',
    main: 'core.js'
  }

在system-config.js中

更新2-开放侧导航

下面是我用来打开sidenav的代码

<md-sidenav #sidenav (open)="mybutton.focus()" align="start">
     ......
  </md-sidenav>

    <button (click)="sidenav.toggle()"></button>

......

---

请注意，单击按钮将触发sidenav的toggle（）方法。这是我在angular2材料上找到的演示

嘿！！感谢您的回复，但不幸的是错误仍然存在：（是否重新启动了服务器？检查dist/vendorit目录中是否有@angular2 material…。是的，我已重新启动了服务器！我已用我看到的最后一件事更新了我的答案。希望它有用谢谢先生！错误现在消失了！（奇怪的是，sidenav仍然没有显示…）

<md-sidenav #sidenav (open)="mybutton.focus()" align="start">
     ......
  </md-sidenav>

    <button (click)="sidenav.toggle()"></button>