angular-cli: Issue: Cannot read property 'thisCompilation' of undefined

Versions

Angular CLI: 1.7.1
Node: 8.9.4
OS: linux x64
Angular: 5.1.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.0.3
@angular/cli: 1.7.1
@angular/flex-layout: 2.0.0-beta.10-4905443
@angular/material: 5.0.3
@angular-devkit/build-optimizer: 0.0.32
@schematics/package-update: 0.3.2
typescript: 2.4.2
webpack: 4.0.1

Observed behavior

** NG Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ **
  0% compilingCannot read property 'thisCompilation' of undefined
TypeError: Cannot read property 'thisCompilation' of undefined
    at NodeTemplatePlugin.apply (/home/rui/projects/blackbox-2m-web/node_modules/webpack/lib/node/NodeTemplatePlugin.js:19:18)
    at Compiler.apply (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:375:16)
    at Object.compileTemplate (/home/rui/projects/blackbox-2m-web/node_modules/html-webpack-plugin/lib/compiler.js:48:17)
    at Compiler.<anonymous> (/home/rui/projects/blackbox-2m-web/node_modules/html-webpack-plugin/index.js:47:40)
    at Compiler.applyPluginsParallel (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:293:14)
    at applyPluginsAsync.err (/home/rui/projects/blackbox-2m-web/node_modules/@angular/cli/node_modules/webpack/lib/Compiler.js:499:9)
    at Compiler.applyPluginsAsyncSeries (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:195:46)
    at Compiler.compile (/home/rui/projects/blackbox-2m-web/node_modules/@angular/cli/node_modules/webpack/lib/Compiler.js:492:8)
    at compiler.applyPluginsAsync.err (/home/rui/projects/blackbox-2m-web/node_modules/@angular/cli/node_modules/webpack/lib/Compiler.js:83:18)
    at next (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:202:11)
    at Compiler.compilerInvalid (/home/rui/projects/blackbox-2m-web/node_modules/webpack-dev-middleware/lib/Shared.js:161:5)
    at next (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:204:14)
    at Compiler.compiler.plugin (/home/rui/projects/blackbox-2m-web/node_modules/@angular/cli/node_modules/webpack/lib/CachePlugin.js:48:5)
    at next (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:204:14)
    at Compiler.compiler.plugin (/home/rui/projects/blackbox-2m-web/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:462:13)
    at Compiler.applyPluginsAsyncSeries (/home/rui/projects/blackbox-2m-web/node_modules/tapable/lib/Tapable.js:206:13)

Desired behavior

Mention any other details that might be useful (optional)

Reverting webpack to 3.11.0 solves this issue

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 22
Comments: 20 (2 by maintainers)

Links to this issue

typescript - Mensagem de erro : Cannot read property 'thisCompilation' of undefined - Stack Overflow em Português

Commits related to this issue

[update] packages update 2018.04.05 webpackのエラー回避のため、webpackのバージョンを下げた https://github.com/angular/angular-cli/issues/9794 — committed to ne-peer/deredorm by ne-peer 6 years ago

Most upvoted comments

Here is the answer from issues #9793 :

npm remove webpack npm install webpack@3.11.0

+286

ademidun on Mar 9, 2018

thanks @ademidun … that works for me

aelbarbary on Mar 29, 2018

Same here…

HackPoint on Feb 27, 2018

Removing node_modules try with “webpack”: “^3.6.0”, and npm install

Klaudia-Brysiewicz on Apr 24, 2018

Thanks for reporting this issue. However, this issue is a duplicate of an existing issue https://github.com/angular/angular-cli/issues/9793. Please subscribe to that issue for future updates.

filipesilva on Feb 27, 2018

I get the issue with create react app, ejected $ npm run build error: Cannot read property ‘thisCompilation’ of undefined

For a temp fix, edit the config/webpack.config.prod.js Remove references to ExtractTextPlugin You loose the ability to “… ship a single CSS file in production instead of JS code injecting <style> tags…”

legg on Apr 30, 2018