Question

目前我有一个角度6应用程序的问题。我使用Fuse Skeleton模板。当我尝试在App中使用MatSnackBar时，我遇到了麻烦。一旦我将MatSnackBar添加到组件的构造函数中，我就会在浏览器的JS控制台中出现错误。

  constructor(
    private formBuilder: FormBuilder,
    private location: Location,
    public snackBar: MatSnackBar
  )
  {

  }

这是错误消息：

ERROR Error: "[object Object]"

如何获取更多信息有什么不对？

Answer 1

您需要在app.module.ts数组中导入MatSnackBarModule。

import { MatSnackBarModule } from '@angular/material';

imports: [ ... MatSnackBarModule ...

没有它，我会像你一样得到错误

要进行调试，如果您有权访问导入的源代码（并使用vscode），请按照this说明操作，在导入类的构造函数上添加断点。

您还可以放置调试器并打开开发人员工具（Chrome中的F12）：

foo() { 
   debugger; 
   console.log('footest');
}

希望它有所帮助！

Answer 2

有一个适用于Google chrome的开源插件，因此您可以使用AngularJS Batarang