Angular-cli: Angular 6 webpack configuration

Created on 5 May 2018  ·  16Comments  ·  Source: angular/angular-cli

I am unable to find the current webpack config file due to eject being disabled. The reason I need this info is because I build my personal angular apps without the cli. That being said the cli has been highly influential in my project infrastructure.

Therefore, in order for me update to angular 6, I need to see the current webpack configuration.

I have other request, but one thing at a time obviously. Want to keep a much knucklehead stuff out of the community as possible.

angulacli feature
Source
picture inunotaisho
👍44 ❤16

Most helpful comment

Ideally, and as many others have commented, there would just be a way to customize webpack w/o having to eject via some sort of hook system. It's frustrating having to eject and manage these things independently when all I want to add is a single webpack plugin.

picture vincentjames501 on 7 May 2018
👍27

All 16 comments

+1

vincentjames501 picture vincentjames501 on 7 May 2018

@filipesilva We need help with this issue.

inunotaisho picture inunotaisho on 7 May 2018

Ideally, and as many others have commented, there would just be a way to customize webpack w/o having to eject via some sort of hook system. It's frustrating having to eject and manage these things independently when all I want to add is a single webpack plugin.

vincentjames501 picture vincentjames501 on 7 May 2018
👍27

@vincentjames501 This plugin https://github.com/Angular-RU/angular-cli-webpack tried to do just that. But it's utterly broken since the release of NG6.

I've been trying to fix it, but no luck so far, the CLI API has changed a great deal since the RC's it seems.

larssn picture larssn on 7 May 2018
😕5 👍3 ❤2

Lazy loading fails with Uncaught TypeError: Cannot read property 'call' of undefined. It can't be fixed unless there's access to the webpack.config.js file

bluefire2121 picture bluefire2121 on 11 May 2018

+1

usiyalla picture usiyalla on 11 May 2018

+1

xane29 picture xane29 on 17 May 2018

I made a proposal here https://github.com/angular/angular-cli/issues/1548#issuecomment-387136761

larssn picture larssn on 17 May 2018

Duplicated from this issue: https://github.com/angular/angular-cli/issues/10618

envil picture envil on 25 Jun 2018

I am facing the same issue with Angular 6 wherein I am not able to setup webpack config. I used CLI for setting up. Eject is disabled and I have no clue on getting my webpack as I want to customize it. Any help is really appreciated.

prasannavenkateshrao picture prasannavenkateshrao on 12 Jul 2018

I think you can do it manually if in angular.json yo do this changes:

under "architect": "build" you change builder to "@angular-devkit/build-webpack:webpack"

Let me know how it went.

Sources:
https://medium.com/@meltedspark/customizing-angular-cli-6-build-an-alternative-to-ng-eject-a48304cd3b21
https://github.com/angular/angular-cli/tree/master/packages/angular_devkit/build_webpack

eBitzu picture eBitzu on 1 Aug 2018
👍1

It's annoying having to fork the cli everytime to allow merging a webpack config, I don't understand what the issue is really. "My config does not work because I added custom stuff in it". Well, that's your problem, not the cli one. No one is going to create an issue if they are responsible, or the issue can be closed immediately.

kavi87 picture kavi87 on 2 Aug 2018
👎9

Ideally, and as many others have commented, there would just be a way to customize webpack w/o having to eject via some sort of hook system. It's frustrating having to eject and manage these things independently when all I want to add is a single webpack plugin.

@vincentjames501 I agree with you 💯 %, never understood why it is so hard to merge configs instead of ejecting. I guess it's just getting low priority in comparison to other CLI features.
Anyways, you can use this extension to achieve this behavior 👍

just-jeb picture just-jeb on 4 Aug 2018

I am migrating my application from angular v5 to v6. I have done all the steps recommended previously and other related posts, but I could not find a solution. My development environment has the following specifications:

.net core 2.1
angular v 6.1.7
webpack 4.18.1

The full error:

✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'Created' of undefined
at onFileCreated (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:256:61)
at ensureFile (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:279:5)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:317:48
at Array.forEach (<anonymous>)
at processInit (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:317:28)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:601:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at new Checker (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:78:8)
at Object.ensureInstance (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/instance.ts:153:18)
at compiler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:45:19)
at Object.loader (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:14:12)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
at Object.context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.module.exports (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/angular2-template-loader/index.js:56:10)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at Array.<anonymous> (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:202:4)
at Storage.finished (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
at provider (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/graceful-fs/graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)
✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'updateRootFileNames' of undefined
at getProgram (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:152:10)
at processEmit (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:459:19)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:610:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at Checker.emitFile (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:105:15)
at transform (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:130:26)
at transformationFunction (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:72:40)
at compiler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:83:21)
at Object.loader (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:14:12)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
at Object.context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.module.exports (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/angular2-template-loader/index.js:56:10)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at Array.<anonymous> (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:202:4)
at Storage.finished (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
at provider (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/graceful-fs/graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)
(node:7633) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): null
(node:7633) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'Created' of undefined
at onFileCreated (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:256:61)
at ensureFile (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:279:5)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:317:48
at Array.forEach (<anonymous>)
at processInit (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:317:28)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:601:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at new Checker (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:78:8)
at Object.ensureInstance (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/instance.ts:153:18)
at compiler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:45:19)
at Object.loader (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:14:12)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
at Object.context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.module.exports (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/angular2-template-loader/index.js:56:10)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at Array.<anonymous> (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:202:4)
at Storage.finished (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
at provider (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/graceful-fs/graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)
✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'Created' of undefined
at onFileCreated (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:256:61)
at updateFile (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:391:4)
at processEmit (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:457:3)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:610:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at Checker.emitFile (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:105:15)
at transform (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:130:26)
at transformationFunction (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:72:40)
at compiler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:83:21)
at Object.loader (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/index.ts:14:12)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
at Object.context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.module.exports (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/angular2-template-loader/index.js:56:10)
at LOADER_EXECUTION (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
at runSyncOrAsync (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:229:2)
at Array.<anonymous> (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:202:4)
at Storage.finished (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
at provider (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/graceful-fs/graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:511:3)
(node:7633) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): null
✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'getProgram' of undefined
at getProgram (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:154:16)
at processFiles (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:468:11)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:616:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at Checker.getFiles (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:141:15)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/instance.ts:483:34
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:7:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at compilation.seal.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compiler.js:550:30)
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at hooks.optimizeAssets.callAsync.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compilation.js:1294:35)
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at hooks.optimizeChunkAssets.callAsync.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compilation.js:1285:32)
at _err0 (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:11:1)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/index.js:287:11
at step (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/uglify/Runner.js:94:11)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/uglify/Runner.js:117:20
at tryCatcher (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:693:18)
at Promise._fulfill (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:638:18)
at Promise._resolveCallback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:432:57)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:524:17)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:693:18)
at Promise._fulfill (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:638:18)
at Promise._resolveCallback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:432:57)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:524:17)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
✖ ｢atl｣: Child process failed to process the request: TypeError: Cannot read property 'updateRootFileNames' of undefined
at getProgram (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:152:10)
at processFiles (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:468:11)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:616:6
at Object.send (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/runtime.ts:49:6)
at Checker.req (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:100:15)
at Checker.getFiles (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/checker/checker.ts:141:15)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/awesome-typescript-loader/src/instance.ts:483:34
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:7:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at compilation.seal.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compiler.js:550:30)
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at hooks.optimizeAssets.callAsync.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compilation.js:1294:35)
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/Hook.js:154:20)
at hooks.optimizeChunkAssets.callAsync.err (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/Compilation.js:1285:32)
at _err0 (eval at create (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/tapable/lib/HookCodeFactory.js:32:10), <anonymous>:11:1)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/index.js:287:11
at step (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/uglify/Runner.js:94:11)
at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/uglifyjs-webpack-plugin/dist/uglify/Runner.js:117:20
at tryCatcher (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:693:18)
at Promise._fulfill (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:638:18)
at Promise._resolveCallback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:432:57)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:524:17)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:693:18)
at Promise._fulfill (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:638:18)
at Promise._resolveCallback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:432:57)
at Promise._settlePromiseFromHandler (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:524:17)
at Promise._settlePromise (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/bluebird/js/release/promise.js:614:10)
Hash: aa3bd008ed192589ce3f4b07515c4475a50d58cb
Version: webpack 4.18.1
Child
Hash: aa3bd008ed192589ce3f
Time: 607ms
Built at: 2018-09-13 13:48:56
 2 assets
Entrypoint main-client = main-client.js main-client.js.map

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in ./ClientApp/boot-client.ts
Module build failed: Error: Final loader (./node_modules/awesome-typescript-loader/dist/entry.js) didn't return a Buffer or String
    at runLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/NormalModule.js:303:18)
    at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:370:3
    at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:211:10)
    at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
    at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
    at context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at <anonymous>
    at runMicrotasksCallback (internal/process/next_tick.js:121:5)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)
Child
Hash: 4b07515c4475a50d58cb
Time: 595ms
Built at: 2018-09-13 13:48:56
 1 asset
Entrypoint main-server = main-server.js

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in ./ClientApp/boot-server.ts
Module build failed: Error: Final loader (./node_modules/awesome-typescript-loader/dist/entry.js) didn't return a Buffer or String
    at runLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/webpack/lib/NormalModule.js:303:18)
    at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:370:3
    at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:211:10)
    at iterateNormalLoaders (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:218:10)
    at /Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:233:3
    at context.callback (/Users/teocasasbuenas/Documents/Development/glm/glm-estudio/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at <anonymous>
    at runMicrotasksCallback (internal/process/next_tick.js:121:5)
    at _combinedTickCallback (internal/process/next_tick.js:131:7)
    at process._tickCallback (internal/process/next_tick.js:180:9)`

This is the webpack configuration file
````
const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin;

module.exports = (env) => {
// Configuration in common to both client-side and server-side bundles
const isDevBuild = !(env && env.prod);
const sharedConfig = {
stats: { modules: false },
context: __dirname,
resolve: { extensions: [ '.js', '.ts' ] },
output: {
filename: '[name].js',
publicPath: '/dist/' // Webpack dev middleware, if enabled, handles requests for this URL prefix
},
module: {
rules: [
{ test: /.ts$/, include: /ClientApp/, use: ['awesome-typescript-loader?silent=true', 'angular2-template-loader'] },
{ test: /.html$/, use: 'html-loader?minimize=false' },
{ test: /.css$/, use: [ 'to-string-loader', isDevBuild ? 'css-loader' : 'css-loader?minimize' ] },
{ test: /.(png|jpg|jpeg|gif|svg)$/, use: 'url-loader?limit=25000' }
]
},
plugins: [new CheckerPlugin()]
};

// Configuration for client-side bundle suitable for running in browsers
const clientBundleOutputDir = './wwwroot/dist';
const clientBundleConfig = merge(sharedConfig, {
    entry: { 'main-client': './ClientApp/boot-client.ts' },
    output: { path: path.join(__dirname, clientBundleOutputDir) },
    plugins: [
        new webpack.DllReferencePlugin({
            context: __dirname,
            manifest: require('./wwwroot/dist/vendor-manifest.json')
        })
    ].concat(isDevBuild ? [
        // Plugins that apply in development builds only
        new webpack.SourceMapDevToolPlugin({
            filename: '[file].map', // Remove this line if you prefer inline source maps
            moduleFilenameTemplate: path.relative(clientBundleOutputDir, '[resourcePath]') // Point sourcemap entries to the original file locations on disk
        })
    ] : [
        // Plugins that apply in production builds only
        // new webpack.optimize.UglifyJsPlugin()
    ])
});

// Configuration for server-side (prerendering) bundle suitable for running in Node
const serverBundleConfig = merge(sharedConfig, {
    resolve: { mainFields: ['main'] },
    entry: { 'main-server': './ClientApp/boot-server.ts' },
    plugins: [
        new webpack.DllReferencePlugin({
            context: __dirname,
            manifest: require('./ClientApp/dist/vendor-manifest.json'),
            sourceType: 'commonjs2',
            name: './vendor'
        })
    ],
    output: {
        libraryTarget: 'commonjs',
        path: path.join(__dirname, './ClientApp/dist')
    },
    target: 'node',
    devtool: 'inline-source-map'
});

return [clientBundleConfig, serverBundleConfig];};`

```

When I run the webpack configuration command it throws the error already shown. Please help!

teoCasasbuenas picture teoCasasbuenas on 13 Sep 2018

eject functionality is no longer available in the latest version (6.x+). For custom webpack configurations the following unofficial add-on is a suggested solution: https://github.com/manfredsteyer/ngx-build-plus

clydin picture clydin on 28 Sep 2018
👎6

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_This action has been performed automatically by a bot._

angular-automatic-lock-bot[bot] picture angular-automatic-lock-bot[bot] on 8 Sep 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

purushottamjha picture purushottamjha  ·  3Comments
sysmat picture sysmat  ·  3Comments
hartjo picture hartjo  ·  3Comments
ericel picture ericel  ·  3Comments
delasteve picture delasteve  ·  3Comments