Angular 7：NullInjectorError：没有 MatSnackBarConfig 的提供者

Question

In our project we use Angular 7 and Angular Material . Everything is fine under Google Chrome but under Internet Explorer 11 , when the app is run with --aot flag, we receive the following error:

ERROR Error: StaticInjectorError(AppModule)[MatSnackBarContainer -> MatSnackBarConfig]:
StaticInjectorError(Platform: core)[MatSnackBarContainer -> MatSnackBarConfig]:
NullInjectorError: No provider for MatSnackBarConfig!

The Material modules are imported in a separate file as:

import { NgModule } from '@angular/core';
import {
  ...
  MatSnackBarModule,
  ...
} from '@angular/material';

@NgModule({
  exports: [
    ...
    MatSnackBarModule,
    ...
  ],
})
export class MyMaterialModule { }

Please note: the app works just fine under Google Chrome ! Any ideas? Thanks for looking into this!

Answer 1

This error usually occurs when the service you are trying to use has not been provided in your @NgModule.

To use the MatDialog service, you will need to go to your module file and add MatSnackBarModule to the array of imports:

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

@NgModule({
  imports: [MatSnackBarModule]
})
export class MyMaterialModule {}

Answer 2

Your code should be like this

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

@NgModule({
  imports: [MatSnackBarModule],
  exports: [
    ...
    MatSnackBarModule,
    ...
  ],
})