Build failure - angular-bootstrap-md index.ts is not part of

Topic: Build failure - angular-bootstrap-md index.ts is not part of the compilation output

fmorriso free asked 6 years ago

ERROR in ./node_modules/angular-bootstrap-md/index.ts Module build failed: Error: C:projectsangular-examplenode_modulesangular-bootstrap-mdindex.ts is not part of the compilation output. Please check the other error messages for details. at AngularCompilerPlugin.getCompiledFile (C:projectsangular-examplenode_modules@ngtoolswebpacksrcangular_compiler_plugin.js:629:23) at plugin.done.then (C:projectsangular-examplenode_modules@ngtoolswebpacksrcloader.js:467:39) at <anonymous> at process._tickCallback (internal/process/next_tick.js:188:7) @ ./src/app/app.module.ts 9:0-58 @ ./src/main.ts @ multi ./src/main.ts My build command is: ng build --progress --verbose --vendor-chunk --extract-css

Add comment

Cameron Owen priority answered 6 years ago

0 0 Best answer

I'm having the same problem but with the following error:

<blockquote>ERROR in ./node_modules/ng-mdb-pro/index.ts
Module build failed: Error: C:SAPHIProjectsprueandcamnode_modulesng-mdb-proindex.ts is not part of the compilation output. Please check the other error messages for d
etails.
 at AngularCompilerPlugin.getCompiledFile (C:SAPHIProjectsprueandcamnode_modules@ngtoolswebpacksrcangular_compiler_plugin.js:629:23)
 at plugin.done.then (C:SAPHIProjectsprueandcamnode_modules@ngtoolswebpacksrcloader.js:467:39)
 at process._tickCallback (internal/process/next_tick.js:109:7)
 @ ./src/app/app.module.ts 20:0-49 21:0-50
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts</blockquote>

I tried adding the following line to tsconfig.app.json:
<code>"include": [ "**/*.ts", "../node_modules/ng-mdb-pro/index.ts" ]</code>

I now get this warning:

<blockquote>WARNING in ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
5659:15-36 Critical dependency: the request of a dependency is an expression
 at ImportLazyContextDependency.getWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibdependenciesContextDependency.js:39:18)
 at Compilation.reportDependencyErrorsAndWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:703:24)
 at Compilation.finish (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:561:9)
 at applyPluginsParallel.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompiler.js:506:17)
 at C:SAPHIProjectsprueandcamnode_modulestapablelibTapable.js:289:11
 at _addModuleChain (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:507:11)
 at processModuleDependencies.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:477:14)
 at _combinedTickCallback (internal/process/next_tick.js:73:7)
 at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/ng-mdb-pro/mdb.module.ts
 @ ./node_modules/ng-mdb-pro/index.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

WARNING in ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
5675:15-102 Critical dependency: the request of a dependency is an expression
 at ImportLazyContextDependency.getWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibdependenciesContextDependency.js:39:18)
 at Compilation.reportDependencyErrorsAndWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:703:24)
 at Compilation.finish (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:561:9)
 at applyPluginsParallel.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompiler.js:506:17)
 at C:SAPHIProjectsprueandcamnode_modulestapablelibTapable.js:289:11
 at _addModuleChain (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:507:11)
 at processModuleDependencies.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:477:14)
 at _combinedTickCallback (internal/process/next_tick.js:73:7)
 at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/ng-mdb-pro/mdb.module.ts
 @ ./node_modules/ng-mdb-pro/index.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts</blockquote>

And the site gives this error:

<blockquote>compiler.js:466 Uncaught Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation.
 at syntaxError (compiler.js:466)
 at eval (compiler.js:15088)
 at Array.forEach ()
 at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15071)
 at JitCompiler._loadModules (compiler.js:33486)
 at JitCompiler._compileModuleAndComponents (compiler.js:33447)
 at JitCompiler.compileModuleAsync (compiler.js:33363)
 at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:230)
 at PlatformRef.bootstrapModule (core.js:5446)
 at eval (main.ts:11)
syntaxError @ compiler.js:466
(anonymous) @ compiler.js:15088
CompileMetadataResolver.getNgModuleMetadata @ compiler.js:15071
JitCompiler._loadModules @ compiler.js:33486
JitCompiler._compileModuleAndComponents @ compiler.js:33447
JitCompiler.compileModuleAsync @ compiler.js:33363
CompilerImpl.compileModuleAsync @ platform-browser-dynamic.js:230
PlatformRef.bootstrapModule @ core.js:5446
(anonymous) @ main.ts:11
../../../../../src/main.ts @ main.bundle.js:60
__webpack_require__ @ inline.bundle.js:55
0 @ main.bundle.js:82
__webpack_require__ @ inline.bundle.js:55
webpackJsonpCallback @ inline.bundle.js:26
(anonymous) @ main.bundle.js:1
client:144 [WDS] Warnings while compiling.
msgWarnings @ client:144
onmessage @ socket.js:38
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
wrapFn @ zone.js:1166
ZoneDelegate.invokeTask @ zone.js:425
Zone.runTask @ zone.js:192
ZoneTask.invokeTask @ zone.js:499
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
client:147 ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
5659:15-36 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/ng-mdb-pro/mdb.module.ts
 @ ./node_modules/ng-mdb-pro/index.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts
msgWarnings @ client:147
onmessage @ socket.js:38
EventTarget.dispatchEvent @ sockjs.js:170
(anonymous) @ sockjs.js:883
SockJS._transportMessage @ sockjs.js:881
EventEmitter.emit @ sockjs.js:86
WebSocketTransport.ws.onmessage @ sockjs.js:2957
wrapFn @ zone.js:1166
ZoneDelegate.invokeTask @ zone.js:425
Zone.runTask @ zone.js:192
ZoneTask.invokeTask @ zone.js:499
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1566
client:147 ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
5675:15-102 Critical dependency: the request of a dependency is an expression
 @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js
 @ ./node_modules/ng-mdb-pro/mdb.module.ts
 @ ./node_modules/ng-mdb-pro/index.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts</blockquote>

Please insert min. 20 characters.

I'm having the same problem but with the following error:

ERROR in ./node_modules/ng-mdb-pro/index.ts Module build failed: Error: C:SAPHIProjectsprueandcamnode_modulesng-mdb-proindex.ts is not part of the compilation output. Please check the other error messages for d etails. at AngularCompilerPlugin.getCompiledFile (C:SAPHIProjectsprueandcamnode_modules@ngtoolswebpacksrcangular_compiler_plugin.js:629:23) at plugin.done.then (C:SAPHIProjectsprueandcamnode_modules@ngtoolswebpacksrcloader.js:467:39) at process._tickCallback (internal/process/next_tick.js:109:7) @ ./src/app/app.module.ts 20:0-49 21:0-50 @ ./src/main.ts @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

I tried adding the following line to tsconfig.app.json: "include": [ "**/*.ts", "../node_modules/ng-mdb-pro/index.ts" ] I now get this warning:

WARNING in ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js 5659:15-36 Critical dependency: the request of a dependency is an expression at ImportLazyContextDependency.getWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibdependenciesContextDependency.js:39:18) at Compilation.reportDependencyErrorsAndWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:703:24) at Compilation.finish (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:561:9) at applyPluginsParallel.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompiler.js:506:17) at C:SAPHIProjectsprueandcamnode_modulestapablelibTapable.js:289:11 at _addModuleChain (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:507:11) at processModuleDependencies.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:477:14) at _combinedTickCallback (internal/process/next_tick.js:73:7) at process._tickCallback (internal/process/next_tick.js:104:9) @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ng-mdb-pro/mdb.module.ts @ ./node_modules/ng-mdb-pro/index.ts @ ./src/app/app.module.ts @ ./src/main.ts @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts WARNING in ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js 5675:15-102 Critical dependency: the request of a dependency is an expression at ImportLazyContextDependency.getWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibdependenciesContextDependency.js:39:18) at Compilation.reportDependencyErrorsAndWarnings (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:703:24) at Compilation.finish (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:561:9) at applyPluginsParallel.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompiler.js:506:17) at C:SAPHIProjectsprueandcamnode_modulestapablelibTapable.js:289:11 at _addModuleChain (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:507:11) at processModuleDependencies.err (C:SAPHIProjectsprueandcamnode_moduleswebpacklibCompilation.js:477:14) at _combinedTickCallback (internal/process/next_tick.js:73:7) at process._tickCallback (internal/process/next_tick.js:104:9) @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ng-mdb-pro/mdb.module.ts @ ./node_modules/ng-mdb-pro/index.ts @ ./src/app/app.module.ts @ ./src/main.ts @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

And the site gives this error:

compiler.js:466 Uncaught Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation. at syntaxError (compiler.js:466) at eval (compiler.js:15088) at Array.forEach () at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15071) at JitCompiler._loadModules (compiler.js:33486) at JitCompiler._compileModuleAndComponents (compiler.js:33447) at JitCompiler.compileModuleAsync (compiler.js:33363) at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:230) at PlatformRef.bootstrapModule (core.js:5446) at eval (main.ts:11) syntaxError @ compiler.js:466 (anonymous) @ compiler.js:15088 CompileMetadataResolver.getNgModuleMetadata @ compiler.js:15071 JitCompiler._loadModules @ compiler.js:33486 JitCompiler._compileModuleAndComponents @ compiler.js:33447 JitCompiler.compileModuleAsync @ compiler.js:33363 CompilerImpl.compileModuleAsync @ platform-browser-dynamic.js:230 PlatformRef.bootstrapModule @ core.js:5446 (anonymous) @ main.ts:11 ../../../../../src/main.ts @ main.bundle.js:60 __webpack_require__ @ inline.bundle.js:55 0 @ main.bundle.js:82 __webpack_require__ @ inline.bundle.js:55 webpackJsonpCallback @ inline.bundle.js:26 (anonymous) @ main.bundle.js:1 client:144 [WDS] Warnings while compiling. msgWarnings @ client:144 onmessage @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 (anonymous) @ sockjs.js:883 SockJS._transportMessage @ sockjs.js:881 EventEmitter.emit @ sockjs.js:86 WebSocketTransport.ws.onmessage @ sockjs.js:2957 wrapFn @ zone.js:1166 ZoneDelegate.invokeTask @ zone.js:425 Zone.runTask @ zone.js:192 ZoneTask.invokeTask @ zone.js:499 invokeTask @ zone.js:1540 globalZoneAwareCallback @ zone.js:1566 client:147 ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js 5659:15-36 Critical dependency: the request of a dependency is an expression @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ng-mdb-pro/mdb.module.ts @ ./node_modules/ng-mdb-pro/index.ts @ ./src/app/app.module.ts @ ./src/main.ts @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts msgWarnings @ client:147 onmessage @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 (anonymous) @ sockjs.js:883 SockJS._transportMessage @ sockjs.js:881 EventEmitter.emit @ sockjs.js:86 WebSocketTransport.ws.onmessage @ sockjs.js:2957 wrapFn @ zone.js:1166 ZoneDelegate.invokeTask @ zone.js:425 Zone.runTask @ zone.js:192 ZoneTask.invokeTask @ zone.js:499 invokeTask @ zone.js:1540 globalZoneAwareCallback @ zone.js:1566 client:147 ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js 5675:15-102 Critical dependency: the request of a dependency is an expression @ ./node_modules/ng-mdb-pro/node_modules/@angular/core/@angular/core.es5.js @ ./node_modules/ng-mdb-pro/mdb.module.ts @ ./node_modules/ng-mdb-pro/index.ts @ ./src/app/app.module.ts @ ./src/main.ts @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Add comment

fmorriso free answered 6 years ago

0 0 Best answer

Short-term, these seem to work: 
<code>ng build --progress --verbose --vendor-chunk --extract-css --prod --aot</code> 
or 
<code>ng serve --open --verbose --vendor-chunk --extract-css --prod --aot</code>
The "include" a bunch of extra files technique is too burdensome - too many places to find and fix.  I gave up trying to use that alternative after putting the following in two different places (tsconfig.json and tsconfig.app.json) and still seeing a bunch of "not part of..." errors: 
<code>"include":[ 
"**/*.ts", 
"../node_modules/angular-bootstrap-md/index.ts", 
"../node_modules/angular-bootstrap-md/ripple/*.ts" 
]</code> 
In one of the references that you cite, I see the following from @filipesilva that basically points the finger at the way angular-bootstrap-md is packaged within node_modules as the root cause of the issue:
You have TS files in your node_modules. This really goes against how libraries should be packaged: libraries should never ship their source .ts files.
So, will you (meaning angular-bootstrap-md) be re-thinking the way you package up and install via npm at some point in the future?

Please insert min. 20 characters.

Short-term, these seem to work:
ng build --progress --verbose --vendor-chunk --extract-css --prod --aot
or
ng serve --open --verbose --vendor-chunk --extract-css --prod --aot

The "include" a bunch of extra files technique is too burdensome - too many places to find and fix. I gave up trying to use that alternative after putting the following in two different places (tsconfig.json and tsconfig.app.json) and still seeing a bunch of "not part of..." errors:
"include":[ "**/*.ts", "../node_modules/angular-bootstrap-md/index.ts", "../node_modules/angular-bootstrap-md/ripple/*.ts" ]
In one of the references that you cite, I see the following from @filipesilva that basically points the finger at the way angular-bootstrap-md is packaged within node_modules as the root cause of the issue:

You have TS files in your node_modules. This really goes against how libraries should be packaged: libraries should never ship their source .ts files.

So, will you (meaning angular-bootstrap-md) be re-thinking the way you package up and install via npm at some point in the future?

Add comment

Dawid Adach pro answered 6 years ago

0 0 Best answer

Dear fmorriso, This a CLI issue : https://github.com/angular/angular-cli/issues/8284 There are 2 workarounds available:

"include": [ "**/*.ts", "../node_modules/angular-bootstrap-md/index.ts" ],

ng serve --prod

More explanation here: https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design/issues/23

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

fmorriso

15Support score
2Questions 1Answers 0Snippets