Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)"

Programming, development, testing

→

Angular

→

Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)" | nodejs npm angular

Looked at 2086 times

Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)"

last updated: 4 September 2023

In Visual Studio Code when you run the command:

npm run start

ng build

Error:

./node_modules/css-loader/dist/runtime/api.js - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"

./node_modules/css-loader/dist/runtime/noSourceMaps.js - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"

./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"

./src/polyfills.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"

./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"
at tryRunOrWebpackError (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\HookWebpackError.js:88:9)
at __webpack_require_module__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4979:12)
at __webpack_require__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4936:18)
at Module. (D:\Projs\MyProject1\WEB\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[2].rules[0].oneOf[1].use[1]!D:\Projs\MyProject1\WEB\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[2].rules[0].oneOf[1].use[2]!D:\Projs\MyProject1\WEB\node_modules\@angular\material\prebuilt-themes\deeppurple-amber.css:5:98)
at D:\Projs\MyProject1\WEB\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:432:11
at Hook.eval [as call] (eval at create (D:\Projs\MyProject1\WEB\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)
at D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4981:39
at tryRunOrWebpackError (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\HookWebpackError.js:83:7)
at __webpack_require_module__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4979:12)
at __webpack_require__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4936:18)
-- inner error --
Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Transform failed with 1 error:
error: Invalid version: "15.2-15.3"
at Object. (D:\Projs\MyProject1\WEB\node_modules\@angular-devkit\build-angular\src\babel\webpack-loader.js??ruleSet[1].rules[1].use[0]!D:\Projs\MyProject1\WEB\node_modules\@ngtools\webpack\src\ivy\index.js!D:\Projs\MyProject1\WEB\node_modules\css-loader\dist\runtime\noSourceMaps.js:1:7)
at D:\Projs\MyProject1\WEB\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:432:11
at Hook.eval [as call] (eval at create (D:\Projs\MyProject1\WEB\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)
at D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4981:39
at tryRunOrWebpackError (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\HookWebpackError.js:83:7)
at __webpack_require_module__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4979:12)
at __webpack_require__ (D:\Projs\MyProject1\WEB\node_modules\webpack\lib\Compilation.js:4936:18)
at Module. (D:\Projs\MyProject1\WEB\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[2].rules[0].oneOf[1].use[1]!D:\Projs\MyProject1\WEB\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[2].rules[0].oneOf[1].use[2]!D:\Projs\MyProject1\WEB\node_modules\@angular\material\prebuilt-themes\deeppurple-amber.css:5:98)
at D:\Projs\MyProject1\WEB\node_modules\webpack\lib\javascript\JavascriptModulesPlugin.js:432:11
at Hook.eval [as call] (eval at create (D:\Projs\MyProject1\WEB\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:1)

Solution:

Step 1. Open File Explorer and go to the project folder:

Open the file .browserslistrc and delete everything inside.

Step 2. Let's try to run the project in Visual Studio Code and there are no errors: