You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I clonned mean-stack-angular6-crud-example, then npm install
U also have it?
(node:41415) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
10% building modules 3/3 modules 0 active26 07 2018 00:30:45.425:WARN [karma]: No captured browser, open http://localhost:9876/
26 07 2018 00:30:45.437:INFO [karma]: Karma v1.7.1 server started at http://0.0.0.0:9876/
26 07 2018 00:30:45.438:INFO [launcher]: Launching browser Chrome with unlimited concurrency
10% building modules 3/4 modules 1 active …ar6-crud-example/src sync /\.spec\.ts$/26 07 2018 00:30:45.443:INFO [launcher]: Starting browser Chrome
26 07 2018 00:30:50.400:WARN [karma]: No captured browser, open http://localhost:9876/
26 07 2018 00:30:50.471:INFO [Chrome 67.0.3396 (Mac OS X 10.13.6)]: Connected on socket Bjn5wQgyqd8enBneAAAA with id 71158845
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 0 of 8 SUCCESS (0 secs / 0 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) ApiService should be created FAILED
Error: StaticInjectorError(DynamicTestModule)[ApiService -> HttpClient]:
StaticInjectorError(Platform: core)[ApiService -> HttpClient]:
NullInjectorError: No provider for HttpClient!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get node_modules/@angular/core/fesm5/core.js:979:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveNgModuleDep node_modules/@angular/core/fesm5/core.js:9217:1)
at _createClass node_modules/@angular/core/fesm5/core.js:9262:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) ApiService should be created FAILED
Error: StaticInjectorError(DynamicTestModule)[ApiService -> HttpClient]:
StaticInjectorError(Platform: core)[ApiService -> HttpClient]:
NullInjectorError: No provider for HttpClient!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get node_modules/@angular/core/fesm5/core.js:979:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveNgModuleDep node_modules/@angular/core/fesm5/core.js:9217:1)
at _createClass node_modules/@angular/core/fesm5/core.js:9262:1)
at _createProviderInstance$1 node_modules/@angular/core/fesm5/core.js:9234:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 1 of 8 (1 FAILED) (0 secs / 0.054 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) ApiService should be created FAILED
Error: StaticInjectorError(DynamicTestModule)[ApiService -> HttpClient]:
StaticInjectorError(Platform: core)[ApiService -> HttpClient]:
NullInjectorError: No provider for HttpClient!
at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get node_modules/@angular/core/fesm5/core.js:979:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveToken node_modules/@angular/core/fesm5/core.js:1232:1)
at tryResolveToken node_modules/@angular/core/fesm5/core.js:1182:1)
at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get node_modules/@angular/core/fesm5/core.js:1077:1)
at resolveNgModuleDep node_modules/@angular/core/fesm5/core.js:9217:1)
at _createClass node_modules/@angular/core/fesm5/core.js:9262:1)
at _createProviderInstance$1 node_modules/@angular/core/fesm5/core.js:9234:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should create the app FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should create the app FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 2 of 8 (2 FAILED) (0 secs / 0.094 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should create the app FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should have as title 'app' FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should have as title 'app' FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 3 of 8 (3 FAILED) (0 secs / 0.112 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should have as title 'app' FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should render title in a h1 tag FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should render title in a h1 tag FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 4 of 8 (4 FAILED) (0 secs / 0.13 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) AppComponent should render title in a h1 tag FAILED
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>
"): ng:///DynamicTestModule/AppComponent.html@0:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookCreateComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-create/book-create.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookCreateComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-create/book-create.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 5 of 8 (5 FAILED) (0 secs / 0.253 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookCreateComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit"): ng:///DynamicTestModule/BookCreateComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookCreateComponent.html@1:65
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookCreateComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookCreateComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookCreateComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookCreateComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookCreateComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookCreateComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookCreateComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookCreateComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookCreateComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookCreateComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookCreateComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookCreateComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookCreateComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookCreateComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookCreateComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookCreateComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookCreateComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookCreateComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookCreateComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-create/book-create.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookDetailComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-detail/book-detail.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookDetailComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-detail/book-detail.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 6 of 8 (6 FAILED) (0 secs / 0.275 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookDetailComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/books']">[ERROR ->]<mat-icon>list</mat-icon></a>
</div>
<mat-card class="example-card">
"): ng:///DynamicTestModule/BookDetailComponent.html@1:65
'mat-card-title' is not a known element:
1. If 'mat-card-title' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-title' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card class="example-card">
<mat-card-header>
[ERROR ->]<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle>{{book.description}}<"): ng:///DynamicTestModule/BookDetailComponent.html@5:4
'mat-card-subtitle' is not a known element:
1. If 'mat-card-subtitle' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-subtitle' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
[ERROR ->]<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content>"): ng:///DynamicTestModule/BookDetailComponent.html@6:4
'mat-card-header' is not a known element:
1. If 'mat-card-header' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<mat-card class="example-card">
[ERROR ->]<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-card-title>
<mat-card-subtitle"): ng:///DynamicTestModule/BookDetailComponent.html@4:2
'mat-card-content' is not a known element:
1. If 'mat-card-content' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-content' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<mat-card-subtitle>{{book.description}}</mat-card-subtitle>
</mat-card-header>
[ERROR ->]<mat-card-content>
<dl>
<dt>ISBN:</dt>
"): ng:///DynamicTestModule/BookDetailComponent.html@8:2
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("
</mat-card-content>
<mat-card-actions>
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-edit', book._id]"><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="): ng:///DynamicTestModule/BookDetailComponent.html@23:41
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]">[ERROR ->]<mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)"><m"): ng:///DynamicTestModule/BookDetailComponent.html@23:81
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("><mat-icon>edit</mat-icon></a>
<a mat-raised-button color="warn" (click)="deleteBook(book._id)">[ERROR ->]<mat-icon>delete</mat-icon></a>
</mat-card-actions>
</mat-card>
"): ng:///DynamicTestModule/BookDetailComponent.html@24:69
'mat-card-actions' is not a known element:
1. If 'mat-card-actions' is an Angular component, then verify that it is part of this module.
2. If 'mat-card-actions' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</dl>
</mat-card-content>
[ERROR ->]<mat-card-actions>
<a mat-raised-button color="primary" [routerLink]="['/book-edit', book._id]"><"): ng:///DynamicTestModule/BookDetailComponent.html@22:2
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<a mat-raised-button color="primary" [routerLink]="['/books']"><mat-icon>list</mat-icon></a>
</div>
[ERROR ->]<mat-card class="example-card">
<mat-card-header>
<mat-card-title><h2>{{book.title}}</h2></mat-"): ng:///DynamicTestModule/BookDetailComponent.html@3:0
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-detail/book-detail.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookEditComponent should create FAILED
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-edit/book-edit.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookEditComponent should create FAILED
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-edit/book-edit.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 7 of 8 (7 FAILED) (0 secs / 0.3 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookEditComponent should create FAILED
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" (click)="bookDetails()">[ERROR ->]<mat-icon>show</mat-icon></a>
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.v"): ng:///DynamicTestModule/BookEditComponent.html@1:63
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("at-raised-button color="primary" (click)="bookDetails()"><mat-icon>show</mat-icon></a>
</div>
<form [ERROR ->][formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
<mat-form-field class="example-fu"): ng:///DynamicTestModule/BookEditComponent.html@3:6
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("lass="example-full-width">
<input matInput placeholder="ISBN" formControlName="isbn"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && book"): ng:///DynamicTestModule/BookEditComponent.html@6:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("ut matInput placeholder="ISBN" formControlName="isbn"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('isbn').valid && bookForm.get('isbn').touched">Please en"): ng:///DynamicTestModule/BookEditComponent.html@7:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>
<form [formGroup]="bookForm" (ngSubmit)="onFormSubmit(bookForm.value)">
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="ISBN" formControlName="i"): ng:///DynamicTestModule/BookEditComponent.html@4:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ss="example-full-width">
<input matInput placeholder="Title" formControlName="title"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('title').valid && boo"): ng:///DynamicTestModule/BookEditComponent.html@13:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" matInput placeholder="Title" formControlName="title"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('title').valid && bookForm.get('title').touched">Please "): ng:///DynamicTestModule/BookEditComponent.html@14:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Title" formControlName=""): ng:///DynamicTestModule/BookEditComponent.html@11:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("="example-full-width">
<input matInput placeholder="Author" formControlName="author"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('author').valid && bo"): ng:///DynamicTestModule/BookEditComponent.html@20:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("atInput placeholder="Author" formControlName="author"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('author').valid && bookForm.get('author').touched">Pleas"): ng:///DynamicTestModule/BookEditComponent.html@21:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Author" formControlName="): ng:///DynamicTestModule/BookEditComponent.html@18:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'textarea'. ("l-width">
<textarea matInput placeholder="Description" formControlName="description"
[ERROR ->][errorStateMatcher]="matcher"></textarea>
<mat-error>
<span *ngIf="!bookForm.get('descripti"): ng:///DynamicTestModule/BookEditComponent.html@27:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("Description" formControlName="description"
[errorStateMatcher]="matcher"></textarea>
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('description').valid && bookForm.get('description').touc"): ng:///DynamicTestModule/BookEditComponent.html@28:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<textarea matInput placeholder="Description" formCont"): ng:///DynamicTestModule/BookEditComponent.html@25:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("ple-full-width">
<input matInput placeholder="Publisher" formControlName="publisher"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('publisher').valid &&"): ng:///DynamicTestModule/BookEditComponent.html@34:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("t placeholder="Publisher" formControlName="publisher"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('publisher').valid && bookForm.get('publisher').touched""): ng:///DynamicTestModule/BookEditComponent.html@35:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Publisher" formControlNa"): ng:///DynamicTestModule/BookEditComponent.html@32:2
Can't bind to 'errorStateMatcher' since it isn't a known property of 'input'. ("idth">
<input matInput placeholder="Published Year" formControlName="published_year"
[ERROR ->][errorStateMatcher]="matcher">
<mat-error>
<span *ngIf="!bookForm.get('published_year').val"): ng:///DynamicTestModule/BookEditComponent.html@41:11
'mat-error' is not a known element:
1. If 'mat-error' is an Angular component, then verify that it is part of this module.
2. If 'mat-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("der="Published Year" formControlName="published_year"
[errorStateMatcher]="matcher">
[ERROR ->]<mat-error>
<span *ngIf="!bookForm.get('published_year').valid && bookForm.get('published_year'"): ng:///DynamicTestModule/BookEditComponent.html@42:4
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</mat-error>
</mat-form-field>
[ERROR ->]<mat-form-field class="example-full-width">
<input matInput placeholder="Published Year" formCont"): ng:///DynamicTestModule/BookEditComponent.html@39:2
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("tton-row">
<button type="submit" [disabled]="!bookForm.valid" mat-raised-button color="primary">[ERROR ->]<mat-icon>save</mat-icon></button>
</div>
</form>
"): ng:///DynamicTestModule/BookEditComponent.html@47:89
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book-edit/book-edit.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book/book.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book/book.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:387:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 8 of 8 (8 FAILED) (0 secs / 0.321 secs)
Chrome 67.0.3396 (Mac OS X 10.13.6) BookComponent should create FAILED
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
Error: Template parse errors:
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Error: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("<div class="button-row">
<a mat-raised-button color="primary" [ERROR ->][routerLink]="['/book-create']"><mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat"): ng:///DynamicTestModule/BookComponent.html@1:39
'mat-icon' is not a known element:
1. If 'mat-icon' is an Angular component, then verify that it is part of this module.
2. If 'mat-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<div class="button-row">
<a mat-raised-button color="primary" [routerLink]="['/book-create']">[ERROR ->]<mat-icon>add</mat-icon></a>
</div>
<div class="example-container mat-elevation-z8">
"): ng:///DynamicTestModule/BookComponent.html@1:71
Can't bind to 'dataSource' since it isn't a known property of 'table'. ("
</div>
<div class="example-container mat-elevation-z8">
<table mat-table #table [ERROR ->][dataSource]="dataSource">
<!--- Note that these columns can be defined in any order.
"): ng:///DynamicTestModule/BookComponent.html@4:26
Can't bind to 'matHeaderRowDef' since it isn't a known property of 'tr'. ("
</ng-container>
<tr mat-header-row [ERROR ->]*matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColu"): ng:///DynamicTestModule/BookComponent.html@27:23
Property binding matHeaderRowDef not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
</ng-container>
[ERROR ->]<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; col"): ng:///DynamicTestModule/BookComponent.html@27:4
Can't bind to 'routerLink' since it isn't a known property of 'tr'. ("derRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;" [ERROR ->][routerLink]="['/book-details/', row._id]"></tr>
</table>
</div>
"): ng:///DynamicTestModule/BookComponent.html@28:65
Can't bind to 'matRowDefColumns' since it isn't a known property of 'tr'. ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row [ERROR ->]*matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id]"></tr>
<"): ng:///DynamicTestModule/BookComponent.html@28:16
Property binding matRowDefColumns not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
[ERROR ->]<tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['/book-details/', row._id"): ng:///DynamicTestModule/BookComponent.html@28:4
at syntaxError node_modules/@angular/compiler/fesm5/compiler.js:215:1)
at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse node_modules/@angular/compiler/fesm5/compiler.js:14702:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate node_modules/@angular/compiler/fesm5/compiler.js:22709:1)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate node_modules/@angular/compiler/fesm5/compiler.js:22696:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22639:48
at Set.forEach (<anonymous>)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents node_modules/@angular/compiler/fesm5/compiler.js:22639:1)
at http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/compiler/fesm5/compiler.js:22557:1
at Object.then node_modules/@angular/compiler/fesm5/compiler.js:206:33)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndAllComponents node_modules/@angular/compiler/fesm5/compiler.js:22555:1)
Expected undefined to be truthy.
at UserContext.<anonymous> src/app/book/book.component.spec.ts:23:23)
at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke node_modules/zone.js/dist/zone.js:388:1)
at ProxyZoneSpec.push../node_modules/zone.js/dist/zone-testing.js.ProxyZoneSpec.onInvoke node_modules/zone.js/dist/zone-testing.js:288:1)
Chrome 67.0.3396 (Mac OS X 10.13.6): Executed 8 of 8 (8 FAILED) ERROR (0.737 secs / 0.321 secs)
Your global Angular CLI version (6.1.0-rc.3) is greater than your local
version (6.0.0). The local Angular CLI version is used.
To disable this warning use "ng config -g cli.warnings.versionMismatch false".
I clonned
mean-stack-angular6-crud-example
, thennpm install
U also have it?
This is my
npm ls --depth=1
I also have this when my
ng
startsAs result
ng -v
gives this:I updated global angular-cli to v6.1.0-rc.3 due to this issue
angular/components#12362
I have node v10.7.0 and npm v6.1.0
I tried to change
package.json
.scripts
:ng: 'ng'
=>"ng": "./node_modules/.bin/ng",
But nothing changed.
@didinj any ideas?
The text was updated successfully, but these errors were encountered: