Issue: Cannot read property 'thisCompilation' of undefined #9794

Activity

1. HackPoint commented on Feb 27, 2018

   

   HackPoint

   on Feb 27, 2018

   More actions

   Same here...

   👎React with 👎3Reacted by Ron Joy, Nantris and DengXuening
2. TonyNgeno commented on Feb 27, 2018

   

   TonyNgeno

   on Feb 27, 2018

   More actions

   Whats the solution to the problem?
3. filipesilva commented on Feb 27, 2018

   

   filipesilva

   on Feb 27, 2018

   Contributor

   More actions

   Thanks for reporting this issue. However, this issue is a duplicate of an existing issue #9793. Please subscribe to that issue for future updates.

   👍React with 👍2Reacted by Rui Sebastiao and Paweł Szymański
4. filipesilva

   closed this as completedon Feb 27, 2018
5. ademidun commented on Mar 9, 2018

   

   ademidun

   on Mar 9, 2018

   More actions

   Here is the answer from issues #9793 :

   npm remove webpack
npm install webpack@3.11.0

   👍React with 👍156Reacted by Beka Bendeliani, Abdulaziz Asiri, Simonetto Florent, Adam Wojda, kumayc, Fritz Jay, Frank Murphy, dehbok, Todd Hansberger, Andrei Bastos and 146 more

   😄React with 😄32Reacted by Willian Vagner Vicente Corrêa, artemkliaus, Roman, RyanIndustries8, nakerOfficial, Sebastian Molano, Abdelrahman Barbary, Daniel Devadoss, Jose Gregorio Castro Lazo, Eugenio Valeiras and 22 more

   🎉React with 🎉49Reacted by Benjamin Camus, szymongor, nakerOfficial, Sebastian Molano, Chelaru Ciprian, dc-p8, Miguelmo, Abdelrahman Barbary, Daniel Devadoss, Buzz Zhang and 39 more

   ❤️React with ❤️48Reacted by XinFei, ridhwaans, Willian Vagner Vicente Corrêa, artemkliaus, Roman, RyanIndustries8, Ayebale Bright Johnson, nakerOfficial, Chelaru Ciprian, Miguelmo and 38 more
6. aelbarbary commented on Mar 29, 2018

   

   aelbarbary

   on Mar 29, 2018

   More actions

   thanks @ademidun ... that works for me

   👍React with 👍3Reacted by Appstute-Maulik, Aleksandr Kaminskii and Alessandra Valenti
7. LucasViniciusPereira commented on Apr 2, 2018

   

   LucasViniciusPereira

   on Apr 2, 2018

   More actions

   I had the same problem, I solved unistall webpack and unistall @ angular / cli -g and local and I installed only @ angular / cli because in the new version @ angular / cli no direct reliance of webpack.

   I use @angular/cli version 1.7.3
8. ne-peer

   added a commit that references this issue on Apr 5, 2018

   [update] packages update 2018.04.05

   ...

   431dbc9
9. vseeberger commented on Apr 10, 2018

   

   vseeberger

   on Apr 10, 2018

   More actions

   thanks @ademidun ... that works for me too!
10. ashkaushik commented on Apr 13, 2018

    

    ashkaushik

    on Apr 13, 2018

    More actions

    thanks @ademidun .. it works
11. switch120 commented on Apr 17, 2018

    

    switch120

    on Apr 17, 2018

    Last edited by switch120

    More actions

    For anyone else that comes across this ... just updating to Angular CLI 1.7.4 fixed this issue for me. I already had 3.11.0 installed for Webpack, but was using CLI 1.6.8 and getting this error on a fresh pull of the app (with no node_modules folder yet).

    npm remove @angular/cli
npm install @angular/cli (as of writing, v1.7.4)

    HTH!
12. brgrz commented on Apr 18, 2018

    

    brgrz

    on Apr 18, 2018

    Last edited by brgrz

    More actions

    Updating to 1.7.4 did not solve this for me, I still see get the Cannot read property 'thisCompilation' of undefined when running ng build.

    This is the output of ng version:

    Angular CLI: 1.7.4
    Node: 9.2.0
    OS: win32 x64
    Angular: 5.2.1
    ... animations, common, compiler, compiler-cli, core, forms
    ... http, language-service, platform-browser
    ... platform-browser-dynamic, router
    
    @angular/cli: 1.7.4
    @angular-devkit/build-optimizer: 0.3.2
    @angular-devkit/core: 0.3.2
    @angular-devkit/schematics: 0.3.2
    @ngtools/json-schema: 1.2.0
    @ngtools/webpack: 1.10.2
    @schematics/angular: 0.3.2
    @schematics/package-update: 0.3.2
    typescript: 2.5.3
    webpack: 4.6.0
    
    
13. ashkaushik commented on Apr 18, 2018

    

    ashkaushik

    on Apr 18, 2018

    More actions

    @brgrz

    Please use below command
    npm remove webpack
    npm install webpack@3.11.0
14. brgrz commented on Apr 18, 2018

    

    brgrz

    on Apr 18, 2018

    More actions

    @ashkaushik yeah, I know, but I want to use the new version of webpack, however I did just saw this issue saying it has to be updated inside the CLI itself #9793
15. clydin commented on Apr 20, 2018

    

    clydin

    on Apr 20, 2018

    Member

    More actions

    The CLI internally manages the build system and versions thereof. Webpack 4.x is a major version change which contains a multitude of breaking changes. 6.x of the CLI provides full support for the new version and is currently in RC.
16. Klaudia-Brysiewicz commented on Apr 24, 2018

    

    Klaudia-Brysiewicz

    on Apr 24, 2018

    More actions

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

    👍React with 👍2Reacted by Klaudia Brysiewicz and Sureshkumar
17. legg commented on Apr 30, 2018

    

    legg

    on Apr 30, 2018

    More actions

    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..."

    👍React with 👍1Reacted by phil-w
18. D19cannon commented on May 21, 2018

    

    D19cannon

    on May 21, 2018

    More actions

    Sadly, the solution of @ademidun didn't work for me. Any other idea's how to solve this problem?

    I have been trying to start / migrate react into an existing jquery project. So far I am able to solve most of the errors except this one...

    Suggestions are more than welcome
19. jrevillaa commented on Jun 7, 2018

    

    jrevillaa

    on Jun 7, 2018

    More actions

    thanks @ademidun ... that works for me
20. sinandomeng commented on Aug 15, 2018

    

    sinandomeng

    on Aug 15, 2018

    Last edited by sinandomeng

    More actions

    Hi all, it is very sad that I could not make it work on my project atm. I tried all of your answers here that solved your project but no luck. I really need a hand with this, can some one help?

    ng -v
    
        _                      _                 ____ _     ___
       / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
      / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
     / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
    /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                   |___/
    
    Angular CLI: 1.7.4
    Node: 8.11.1
    OS: win32 x64
    Angular: 5.2.10
    ... animations, common, compiler, compiler-cli, core, forms
    ... http, language-service, platform-browser
    ... platform-browser-dynamic, router
    
    @angular/cli: 1.7.4
    @angular/platform-server: 6.1.2
    @angular-devkit/build-optimizer: 0.3.2
    @angular-devkit/core: 0.3.2
    @angular-devkit/schematics: 0.3.2
    @ngtools/json-schema: 1.2.0
    @ngtools/webpack: 1.10.2
    @schematics/angular: 0.3.2
    @schematics/package-update: 0.3.2
    typescript: 2.5.3
    webpack-dev-server: 2.11.2
    webpack: 3.11.0
    

    Note: I do both update the local and global packages for webpack and angular/cli
    Note: This setup tells me to use webpack 4 in the console, but when I do it shows another error which is 'thisCompilation` (this thread title)

    Working repo git clone https://github.com/smplyjr/my-angular-seo-3.git
21. vvsashish commented on Jan 9, 2019

    

    vvsashish

    on Jan 9, 2019

    More actions

    I'm using angular cli version 7.1.4 .it is throwing me the same error
    " Error - [webpack] TypeError: Cannot read property 'thisCompilation' of undefined
    [10:37:42] Error - 'webpack' sub task errored after 52 ms
    Cannot read property 'thisCompilation' of undefined".
    Do I have to use angular cli@1.7.4 only?
22. angular-automatic-lock-bot commented on Sep 9, 2019

    

    angular-automatic-lock-botBot

    on Sep 9, 2019

    More actions

    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.}
23. angular-automatic-lock-bot

    locked and limited conversation to collaborators on Sep 9, 2019