Has anyone run into The…

less than 1 minute read

Has anyone run into The template specified for component MatIcon is not a string after upgrading to nx 9 from 8 (including upgrading angular) it seems to be happening for all of my spec files. Jest was also upgraded to 25.

Responses:

``` The template specified for component MatIcon is not a string

  13 |             declarations: [CheckinNotFoundComponent],
  14 |             imports: [WordpressHeaderModule, ErrorNotFoundModule]
> 15 |         }).compileComponents();
     |            ^
  16 |     }));
  17 | 
  18 |     beforeEach(() => {

  at syntaxError (../../node_modules/@angular/compiler/bundles/compiler.umd.js:2845:21)
  at DirectiveNormalizer.Object.<anonymous>.DirectiveNormalizer.normalizeTemplate (../../node_modules/@angular/compiler/bundles/compiler.umd.js:20469:27)
  at CompileMetadataResolver.Object.<anonymous>.CompileMetadataResolver.loadDirectiveMetadata (../../node_modules/@angular/compiler/bundles/compiler.umd.js:22791:62)
  at ../../node_modules/@angular/compiler/bundles/compiler.umd.js:29278:59
      at Array.forEach (<anonymous>)
  at ../../node_modules/@angular/compiler/bundles/compiler.umd.js:29277:76
      at Array.forEach (<anonymous>)
  at JitCompiler.Object.<anonymous>.JitCompiler._loadModules (../../node_modules/@angular/compiler/bundles/compiler.umd.js:29274:79)
  at JitCompiler.Object.<anonymous>.JitCompiler._compileModuleAndAllComponents (../../node_modules/@angular/compiler/bundles/compiler.umd.js:29259:40)
  at JitCompiler.Object.<anonymous>.JitCompiler.compileModuleAndAllComponentsAsync (../../node_modules/@angular/compiler/bundles/compiler.umd.js:29216:41)
  at CompilerImpl.Object.<anonymous>.CompilerImpl.compileModuleAndAllComponentsAsync (../../node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js:370:35)
  at TestingCompilerImpl.Object.<anonymous>.TestingCompilerImpl.compileModuleAndAllComponentsAsync (../../node_modules/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic-testing.umd.js:330:35)
  at TestBedViewEngine.Object.<anonymous>.TestBedViewEngine.compileComponents (../../node_modules/@angular/core/bundles/core-testing.umd.js:2764:35)
  at Function.Object.<anonymous>.TestBedViewEngine.compileComponents (../../node_modules/@angular/core/bundles/core-testing.umd.js:2625:33)
  at src/app/checkin-not-found/checkin-not-found.component.spec.ts:15:12
  at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (../../node_modules/zone.js/dist/zone.js:386:30)
  at AsyncTestZoneSpec.Object.<anonymous>.AsyncTestZoneSpec.onInvoke (../../node_modules/zone.js/dist/async-test.js:102:47)
  at ProxyZoneSpec.Object.<anonymous>.ProxyZoneSpec.onInvoke (../../node_modules/zone.js/dist/proxy.js:114:43)
  at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (../../node_modules/zone.js/dist/zone.js:385:36)
  at Zone.Object.<anonymous>.Zone.runGuarded (../../node_modules/zone.js/dist/zone.js:154:51)
  at runInTestZone (../../node_modules/zone.js/dist/async-test.js:224:33)
  at ../../node_modules/zone.js/dist/async-test.js:162:21
  at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (../../node_modules/zone.js/dist/zone.js:386:30)
  at ProxyZoneSpec.Object.<anonymous>.ProxyZoneSpec.onInvoke (../../node_modules/zone.js/dist/proxy.js:117:43)
  at ZoneDelegate.Object.<anonymous>.ZoneDelegate.invoke (../../node_modules/zone.js/dist/zone.js:385:36)
  at Zone.Object.<anonymous>.Zone.run (../../node_modules/zone.js/dist/zone.js:143:47)```

beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [CheckinNotFoundComponent], imports: [WordpressHeaderModule, ErrorNotFoundModule] }).compileComponents(); }));

Updated: