Как я могу отладить приложение Angular 6?

Question

В настоящее время у меня есть проблема с одним угловым 6 App. Для этого я использую скелетный шаблон Fuse . В настоящее время у меня возникают проблемы, когда я пытаюсь использовать MatSnackBar в приложении. Как только я добавляю MatSnackBar в конструктор компонента, я получаю сообщение об ошибке в консоли JS браузера.

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

  }

И это сообщение об ошибке:

ERROR Error: "[object Object]"

Как я могу получить больше информации, что не так?

Answer 1

Существует плагин с открытым исходным кодом для Google Chrome, так что вы можете использовать AngularJS Batarang

плагин Chrome для отладки AngularJS

Answer 2

Вам необходимо импортировать MatSnackBarModule в массиве app.module.ts.

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

imports: [ ... MatSnackBarModule ...

Без этого я получаю ошибку, как и вы

Для отладки, если у вас есть доступ к импортированному исходному коду (и вы используете vscode), следуйте инструкциям this , поставьте точку останова на конструкторе импортированного класса.

Вы также можете установить отладчик и открыть инструменты разработчика (F12 в chrome):

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

Надеюсь, это поможет!