support for new angular application builder?

[metalllus]

Hey, when I ran ng update and tried to migrate to the new angular build system I got this error:

Cannot update project "angular-electron" to use the application builder. Only "@angular-devkit/build-angular:browser-esbuild" and "@angular-devkit/build-angular:browser" can be automatically migrated.

How can this be fixed so that I can update to the new angular application builder?

[MelkorRUS]

package.json
{ ... "dependencies": { "@angular/animations": "20.3.6", "@angular/common": "20.3.6", "@angular/compiler": "20.3.6", "@angular/core": "20.3.6", "@angular/forms": "20.3.6", "@angular/language-service": "20.3.6", "@angular/platform-browser": "20.3.6", "@angular/platform-browser-dynamic": "20.3.6", "@angular/router": "20.3.6", "file-type": "21.0.0", "rxjs": "7.8.1", "tslib": "2.6.2", "zone.js": "0.15.1" }, "devDependencies": { "@angular-builders/custom-webpack": "20.0.0", "@angular-builders/jest": "20.0.0", "@angular-eslint/builder": "20.4.0", "@angular-eslint/eslint-plugin": "20.4.0", "@angular-eslint/eslint-plugin-template": "20.4.0", "@angular-eslint/schematics": "20.4.0", "@angular-eslint/template-parser": "20.4.0", "@angular/build": "^20.3.6", "@angular/cli": "20.3.6", "@angular/compiler-cli": "20.3.6", "@ngx-translate/core": "17.0.0", "@ngx-translate/http-loader": "17.0.0", "@playwright/test": "1.52.0", "@types/jest": "29.5.14", "@types/node": "22.15.29", "@typescript-eslint/eslint-plugin": "^8.33.1", "@typescript-eslint/parser": "^8.33.1", "conventional-changelog-cli": "4.1.0", "electron": "36.4.0", "electron-builder": "26.0.12", "electron-debug": "4.1.0", "electron-reloader": "1.2.3", "eslint": "^9.28.0", "eslint-plugin-import": "2.31.0", "eslint-plugin-jsdoc": "50.7.1", "eslint-plugin-prefer-arrow": "1.2.3", "jest": "29.7.0", "node-polyfill-webpack-plugin": "4.1.0", "npm-run-all": "4.1.5", "playwright": "1.52.0", "ts-node": "10.9.2", "typescript": "5.8.3", "wait-on": "7.2.0", "webdriver-manager": "12.1.9" }, ... }

angular.json
{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "cli": { "schematicCollections": [ "@angular-eslint/schematics" ] }, "version": 1, "newProjectRoot": "projects", "projects": { "angular-electron": { "root": "", "sourceRoot": "src", "projectType": "application", "schematics": { "@schematics/angular:application": { "strict": true }, "@schematics/angular:component": { "style": "scss" } }, "prefix": "app", "architect": { "build": { "builder": "@angular-builders/custom-webpack:browser", "options": { "outputPath": "dist", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "inlineStyleLanguage": "scss", "assets": [ { "glob": "**/*", "input": "src/assets", "output": "assets" }, "src/favicon.ico", ], "styles": [ "src/styles.scss" ], "scripts": [], "customWebpackConfig": { "path": "./angular.webpack.js", "replaceDuplicatePlugins": true } }, "configurations": { "dev": { "optimization": false, "outputHashing": "none", "sourceMap": true, "namedChunks": false, "aot": false, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": false, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.dev.ts" } ] }, "production": { "optimization": true, "outputHashing": "all", "sourceMap": false, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] }, "web": { "optimization": false, "outputHashing": "none", "sourceMap": true, "namedChunks": false, "aot": false, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": false, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.web.ts" } ] }, "web-production": { "optimization": true, "outputHashing": "all", "sourceMap": false, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.web.prod.ts" } ] } } }, "serve": { "builder": "@angular-builders/custom-webpack:dev-server", "options": { "buildTarget": "angular-electron:build" }, "configurations": { "dev": { "buildTarget": "angular-electron:build:dev" }, "production": { "buildTarget": "angular-electron:build:production" }, "web": { "buildTarget": "angular-electron:build:web" }, "web-production": { "buildTarget": "angular-electron:build:web-production" } } }, "extract-i18n": { "builder": "@angular/build:extract-i18n", "options": { "buildTarget": "angular-electron:build" } }, "test": { "builder": "@angular-builders/jest:run", "options": { "polyfills": ["src/polyfills-test.ts"], "tsConfig": "src/tsconfig.spec.json", "globalMocks": ["styleTransform", "matchMedia", "getComputedStyle"] } }, "lint": { "builder": "@angular-eslint/builder:lint", "options": { "lintFilePatterns": [ "src/**/*.ts", "src/**/*.html" ] } } } }, "angular-electron-e2e": { "root": "e2e", "projectType": "application", "architect": { "lint": { "builder": "@angular-eslint/builder:lint", "options": { "lintFilePatterns": [ "e2e/**/*.ts" ] } } } } }, "schematics": { "@angular-eslint/schematics:application": { "setParserOptionsProject": true }, "@angular-eslint/schematics:library": { "setParserOptionsProject": true }, "@schematics/angular:component": { "type": "component" }, "@schematics/angular:directive": { "type": "directive" }, "@schematics/angular:service": { "type": "service" }, "@schematics/angular:guard": { "typeSeparator": "." }, "@schematics/angular:interceptor": { "typeSeparator": "." }, "@schematics/angular:module": { "typeSeparator": "." }, "@schematics/angular:pipe": { "typeSeparator": "." }, "@schematics/angular:resolver": { "typeSeparator": "." } } }

I think its all you need.

For the simple update, you can use ng update and launch it for some module update

ps. sorry as format