cannot find @angular-devkit\build-angular\src\babel\webpack-loader.js, @ngtools\webpack\src\ivy\index.js

See original GitHub issue

🐞 Bug report

Command (mark with an x)

  • new
  • build
  • serve
  • test
  • e2e
  • generate
  • add
  • update
  • lint
  • extract-i18n
  • run
  • config
  • help
  • version
  • doc

Is this a regression?

Yes, the previous version in which this bug was not present was: ....

Description

after creating a new angular project, these errors * cannot find module node_modules/@angular-devkit\build-angular\src\babel\webpack-loader.js *, * cannot find module node_modules@ngtools\webpack\src\ivy\index.js *, * cannot find module node_modules\mini-css-extract-plugin\dist\loader.js *are shown on my terminal after running ``` ng serve ```

🔬 Minimal Reproduction

  1. npm install -g @angular/cli
  2. ng new client
  3. cd client
  4. ng serve

🔥 Exception or Error




../../../../C #client/src/main.ts - Error: Module build failed: Error: Cannot find module 'C:\client\node_modules\@angular-devkit\build-angular\src\babel\webpack-loader.js'  
Require stack:
- C:\client\node_modules\webpack\lib\ProgressPlugin.js
- C:\client\node_modules\webpack\lib\index.js
- C:\client\node_modules\@angular-devkit\build-webpack\src\webpack\index.js 
- C:\client\node_modules\@angular-devkit\build-webpack\src\index.js
- C:\client\node_modules\@angular-devkit\build-angular\src\dev-server\index.js
- C:\client\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\client\node_modules\@angular-devkit\architect\node\index.js
- C:\client\node_modules\@angular\cli\models\architect-command.js
- C:\client\node_modules\@angular\cli\commands\serve-impl.js
- C:\client\node_modules\@angular-devkit\schematics\tools\export-ref.js     
- C:\client\node_modules\@angular-devkit\schematics\tools\index.js
- C:\client\node_modules\@angular\cli\utilities\json-schema.js
- C:\client\node_modules\@angular\cli\models\command-runner.js
- C:\client\node_modules\@angular\cli\lib\cli\index.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\lib\init.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\bin\ng
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at C:\client\node_modules\webpack\lib\ProgressPlugin.js:412:9
    at Hook.eval [as call] (eval at create (C:\client\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1)
    at NormalModule.doBuild (C:\client\node_modules\webpack\lib\NormalModule.js:724:24)
    at NormalModule.build (C:\client\node_modules\webpack\lib\NormalModule.js:878:15)
    at C:\client\node_modules\webpack\lib\Compilation.js:1311:12
    at NormalModule.needBuild (C:\client\node_modules\webpack\lib\NormalModule.js:1146:26)

../../../../C #client/src/polyfills.ts - Error: Module build failed: Error: Cannot find module 'C:\client\node_modules\@ngtools\webpack\src\ivy\index.js'
Require stack:
- C:\client\node_modules\webpack\lib\ProgressPlugin.js
- C:\client\node_modules\webpack\lib\index.js
- C:\client\node_modules\@angular-devkit\build-webpack\src\webpack\index.js 
- C:\client\node_modules\@angular-devkit\build-webpack\src\index.js
- C:\client\node_modules\@angular-devkit\build-angular\src\dev-server\index.js
- C:\client\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\client\node_modules\@angular-devkit\architect\node\index.js
- C:\client\node_modules\@angular\cli\models\architect-command.js
- C:\client\node_modules\@angular\cli\commands\serve-impl.js
- C:\client\node_modules\@angular-devkit\schematics\tools\export-ref.js     
- C:\client\node_modules\@angular-devkit\schematics\tools\index.js
- C:\client\node_modules\@angular\cli\utilities\json-schema.js
- C:\client\node_modules\@angular\cli\models\command-runner.js
- C:\client\node_modules\@angular\cli\lib\cli\index.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\lib\init.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\bin\ng
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at C:\client\node_modules\webpack\lib\ProgressPlugin.js:412:9
    at Hook.eval [as call] (eval at create (C:\client\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1)
    at NormalModule.doBuild (C:\client\node_modules\webpack\lib\NormalModule.js:724:24)
    at NormalModule.build (C:\client\node_modules\webpack\lib\NormalModule.js:878:15)
    at C:\client\node_modules\webpack\lib\Compilation.js:1311:12
    at NormalModule.needBuild (C:\client\node_modules\webpack\lib\NormalModule.js:1146:26)

../../../../C #client/src/styles.scss - Error: Module build failed: Error: Cannot find module 'C:\client\node_modules\mini-css-extract-plugin\dist\loader.js'
Require stack:
- C:\client\node_modules\webpack\lib\ProgressPlugin.js
- C:\client\node_modules\webpack\lib\index.js
- C:\client\node_modules\@angular-devkit\build-webpack\src\webpack\index.js 
- C:\client\node_modules\@angular-devkit\build-webpack\src\index.js
- C:\client\node_modules\@angular-devkit\build-angular\src\dev-server\index.js
- C:\client\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\client\node_modules\@angular-devkit\architect\node\index.js
- C:\client\node_modules\@angular\cli\models\architect-command.js
- C:\client\node_modules\@angular\cli\commands\serve-impl.js
- C:\client\node_modules\@angular-devkit\schematics\tools\export-ref.js     
- C:\client\node_modules\@angular-devkit\schematics\tools\index.js
- C:\client\node_modules\@angular\cli\utilities\json-schema.js
- C:\client\node_modules\@angular\cli\models\command-runner.js
- C:\client\node_modules\@angular\cli\lib\cli\index.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\lib\init.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\bin\ng
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at C:\client\node_modules\webpack\lib\ProgressPlugin.js:412:9
    at Hook.eval [as call] (eval at create (C:\client\node_modules\tapable\lib\HookCodeFactory.js:19:10), <anonymous>:7:1)
    at Hook.CALL_DELEGATE [as _call] (C:\client\node_modules\tapable\lib\Hook.js:14:14)
    at NormalModule.doBuild (C:\client\node_modules\webpack\lib\NormalModule.js:724:24)
    at NormalModule.build (C:\client\node_modules\webpack\lib\NormalModule.js:878:15)
    at C:\client\node_modules\webpack\lib\Compilation.js:1311:12

../../../../C #client/src/app/app.component.scss - Error: Module build failed (from ../../../../C #client/node_modules/raw-loader/dist/cjs.js):
Error: Cannot find module 'C:\client\node_modules\raw-loader\dist\cjs.js'  
Require stack:
- C:\client\node_modules\loader-runner\lib\loadLoader.js
- C:\client\node_modules\loader-runner\lib\LoaderRunner.js
- C:\client\node_modules\webpack\lib\NormalModule.js
- C:\client\node_modules\webpack\lib\NormalModuleFactory.js
- C:\client\node_modules\webpack\lib\Compiler.js
- C:\client\node_modules\webpack\lib\ProgressPlugin.js
- C:\client\node_modules\webpack\lib\index.js
- C:\client\node_modules\@angular-devkit\build-webpack\src\webpack\index.js 
- C:\client\node_modules\@angular-devkit\build-webpack\src\index.js
- C:\client\node_modules\@angular-devkit\build-angular\src\dev-server\index.js
- C:\client\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\client\node_modules\@angular-devkit\architect\node\index.js
- C:\client\node_modules\@angular\cli\models\architect-command.js
- C:\client\node_modules\@angular\cli\commands\serve-impl.js
- C:\client\node_modules\@angular-devkit\schematics\tools\export-ref.js     
- C:\client\node_modules\@angular-devkit\schematics\tools\index.js
- C:\client\node_modules\@angular\cli\utilities\json-schema.js
- C:\client\node_modules\@angular\cli\models\command-runner.js
- C:\client\node_modules\@angular\cli\lib\cli\index.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\lib\init.js
- C:\ProgramData\nvm\v14.17.0\node_modules\@angular\cli\bin\ng
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:885:15)
    at Function.Module._load (internal/modules/cjs/loader.js:730:27)
    at Module.require (internal/modules/cjs/loader.js:957:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at loadLoader (C:\client\node_modules\loader-runner\lib\loadLoader.js:19:17)
    at iteratePitchingLoaders (C:\client\node_modules\loader-runner\lib\LoaderRunner.js:182:2)
    at runLoaders (C:\client\node_modules\loader-runner\lib\LoaderRunner.js:397:2)
    at NormalModule.doBuild (C:\client\node_modules\webpack\lib\NormalModule.js:729:3)
    at NormalModule.build (C:\client\node_modules\webpack\lib\NormalModule.js:878:15)
    at C:\client\node_modules\webpack\lib\Compilation.js:1311:12

Error: Module not found: Error: Can't resolve 'C:\client\node_modules\webpack-dev-server\client\index.js?http://0.0.0.0:0&sockPath=/sockjs-node' in 'C:\client'

Error: Module not found: Error: Can't resolve 'C:\client\node_modules\webpack-dev-server\client\index.js?http://0.0.0.0:0&sockPath=/sockjs-node' in 'C:\client'

Error: Module not found: Error: Can't resolve 'C:\client\node_modules\webpack-dev-server\client\index.js?http://0.0.0.0:0&sockPath=/sockjs-node' in 'C:\client'

Error: src/app/app-routing.module.ts:10:14 - error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors

10 export class AppRoutingModule { }
                ~~~~~~~~~~~~~~~~

🌍 Your Environment




     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 12.0.0
Node: 14.17.0
Package Manager: npm 6.14.13
OS: win32 x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1200.0 (cli-only)
@angular-devkit/core         12.0.0 (cli-only)
@angular-devkit/schematics   12.0.0 (cli-only)
@schematics/angular          12.0.0 (cli-only)

Anything else relevant?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
RaphaelNagatocommented, May 19, 2021

I don’t understand what changed, i created a new folder and ran angular cli again and it compiles

0reactions
angular-automatic-lock-bot[bot]commented, Jun 20, 2021

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Could not find module "@angular-devkit/build ... - Stack Overflow
After updating to Angular 6.0.1, I get the following error on ng serve : Could not find module "@angular-devkit/build-angular" from ...
Read more >
Fixing Could not find module @angular-devkit/build-angular ...
To fix Could not find module angular-devkit-build-angular error in Angular follow the below steps 1. Delete node_modules folder and run npm ...
Read more >
Could not find module '@angular-devkit/build-angular'
To solve the error Could not find module '@angular-devkit/build-angular', make sure to install the package by opening your terminal in your project's root ......
Read more >
Cannot find module '@angular-devkit/build-angular ... - YouTube
An unhandled exception occurred: Cannot find module '@ angular - devkit / build -angular/package.json'The above exception while running an angular ...
Read more >
Cant build blank projects anymore - Ionic Framework
workspace/#Apps/planzeit-App/myApp/node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js): Error: Cannot find module ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found