I'm pretty new to Angular so I may be doing something stupid. I have an existing working project that uses Materials and I'm now trying to add Letter Avatars to a component. I have imported NguUtilityModule in app.module.ts but getting the following error. I got few warning when I installed this component.
Error in browser:
Uncaught Error: Unexpected value 'NguUtilityModule' imported by the module 'AppModule'. Please add a @NgModule annotation.
Compile Warnings:
WARNING in ./node_modules/ngu-utility/node_modules/@angular/core/esm5/core.js
6581:15-36 Critical dependency: the request of a dependency is an expression
at ImportLazyContextDependency.getWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
at Compilation.reportDependencyErrorsAndWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:701:24)
at Compilation.finish (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:559:9)
at applyPluginsParallel.err (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compiler.js:506:17)
at /Users/aravind/Projects/ang-material/node_modules/tapable/lib/Tapable.js:289:11
at /Users/aravind/Projects/ang-material/node_modules/html-webpack-plugin/index.js:60:9
at tryCatcher (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:693:18)
at Async._drainQueue (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:672:20)
at tryOnImmediate (timers.js:645:5)
WARNING in ./node_modules/ngu-utility/node_modules/@angular/core/esm5/core.js
6601:15-102 Critical dependency: the request of a dependency is an expression
at ImportLazyContextDependency.getWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18)
at Compilation.reportDependencyErrorsAndWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:701:24)
at Compilation.finish (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:559:9)
at applyPluginsParallel.err (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compiler.js:506:17)
at /Users/aravind/Projects/ang-material/node_modules/tapable/lib/Tapable.js:289:11
at /Users/aravind/Projects/ang-material/node_modules/html-webpack-plugin/index.js:60:9
at tryCatcher (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:693:18)
at Async._drainQueue (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:17:14)
at runCallback (timers.js:672:20)
at tryOnImmediate (timers.js:645:5)
Warnings in command prompt when I installed:
npm WARN @schematics/angular@0.0.49 requires a peer of @angular-devkit/schematics@0.0.34 but none was installed.
npm WARN @angular/compiler-cli@5.1.2 requires a peer of typescript@>=2.4.2 <2.6 but none was installed.
npm WARN tsickle@0.25.6 requires a peer of typescript@>=2.4.2 <2.6 but none was installed.
I'm pretty new to Angular so I may be doing something stupid. I have an existing working project that uses Materials and I'm now trying to add Letter Avatars to a component. I have imported NguUtilityModule in app.module.ts but getting the following error. I got few warning when I installed this component.
Error in browser: Uncaught Error: Unexpected value 'NguUtilityModule' imported by the module 'AppModule'. Please add a @NgModule annotation.
Compile Warnings: WARNING in ./node_modules/ngu-utility/node_modules/@angular/core/esm5/core.js 6581:15-36 Critical dependency: the request of a dependency is an expression at ImportLazyContextDependency.getWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18) at Compilation.reportDependencyErrorsAndWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:701:24) at Compilation.finish (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:559:9) at applyPluginsParallel.err (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compiler.js:506:17) at /Users/aravind/Projects/ang-material/node_modules/tapable/lib/Tapable.js:289:11 at /Users/aravind/Projects/ang-material/node_modules/html-webpack-plugin/index.js:60:9 at tryCatcher (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/util.js:16:23) at Promise._settlePromiseFromHandler (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:512:31) at Promise._settlePromise (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:569:18) at Promise._settlePromise0 (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:614:10) at Promise._settlePromises (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:693:18) at Async._drainQueue (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:133:16) at Async._drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:143:10) at Immediate.Async.drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:17:14) at runCallback (timers.js:672:20) at tryOnImmediate (timers.js:645:5)
WARNING in ./node_modules/ngu-utility/node_modules/@angular/core/esm5/core.js 6601:15-102 Critical dependency: the request of a dependency is an expression at ImportLazyContextDependency.getWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/dependencies/ContextDependency.js:39:18) at Compilation.reportDependencyErrorsAndWarnings (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:701:24) at Compilation.finish (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compilation.js:559:9) at applyPluginsParallel.err (/Users/aravind/Projects/ang-material/node_modules/webpack/lib/Compiler.js:506:17) at /Users/aravind/Projects/ang-material/node_modules/tapable/lib/Tapable.js:289:11 at /Users/aravind/Projects/ang-material/node_modules/html-webpack-plugin/index.js:60:9 at tryCatcher (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/util.js:16:23) at Promise._settlePromiseFromHandler (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:512:31) at Promise._settlePromise (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:569:18) at Promise._settlePromise0 (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:614:10) at Promise._settlePromises (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/promise.js:693:18) at Async._drainQueue (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:133:16) at Async._drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:143:10) at Immediate.Async.drainQueues (/Users/aravind/Projects/ang-material/node_modules/bluebird/js/release/async.js:17:14) at runCallback (timers.js:672:20) at tryOnImmediate (timers.js:645:5)
Warnings in command prompt when I installed: npm WARN @schematics/angular@0.0.49 requires a peer of @angular-devkit/schematics@0.0.34 but none was installed. npm WARN @angular/compiler-cli@5.1.2 requires a peer of typescript@>=2.4.2 <2.6 but none was installed. npm WARN tsickle@0.25.6 requires a peer of typescript@>=2.4.2 <2.6 but none was installed.