Angular 19: Vite build

Jonas1 — Tue, 17 Dec 2024 08:18:41 GMT

Hey everyone,

after upgrading to angular 19 i am getting the follow error trying to serve the application:

✘ [ERROR] The package "path" wasn't found on the file system but is built into node. [plugin angular-browser-node-built-in] node_modules/@arcgis/core/chunks/pe-wasm.js:31:20: 31 │ b = require("path"); ╵ ~~~~~~ ✘ [ERROR] The package "fs" wasn't found on the file system but is built into node. [plugin angular-browser-node-built-in] node_modules/@arcgis/core/chunks/pe-wasm.js:30:22: 30 │ var u = require("fs"), ╵ ~~~~ /Users/user/Desktop/Projekte/project/applications/frontend-mono/node_modules/vite/node_modules/esbuild/lib/main.js:1472 let error = new Error(text); ^ Error: Build failed with 2 errors: node_modules/@arcgis/core/chunks/pe-wasm.js:30:22: ERROR: [plugin: angular-browser-node-built-in] The package "fs" wasn't found on the file system but is built into node. node_modules/@arcgis/core/chunks/pe-wasm.js:31:20: ERROR: [plugin: angular-browser-node-built-in] The package "path" wasn't found on the file system but is built into node. at failureErrorWithLog (/Users/user/Desktop/Projekte/project/applications/frontend-mono/node_modules/vite/node_modules/esbuild/lib/main.js:1472:15) at /Users/user/Desktop/Projekte/project/applications/frontend-mono/node_modules/vite/node_modules/esbuild/lib/main.js:945:25 at /Users/user/Desktop/Projekte/project/applications/frontend-mono/node_modules/vite/node_modules/esbuild/lib/main.js:1353:9 at process.processTicksAndRejections (node:internal/process/task_queues:105:5) { errors: [Getter/Setter], warnings: [Getter/Setter] }

I am using nx: "20.2.1", angular "19.0.4", with "executor": "@nx/angular:dev-server", as executor arcgis: "4.31.6", and "skipLibCheck": "true". Any help would be appreciated 🙂

Re: Angular 19: Vite build

Jonas1 — Mon, 06 Jan 2025 10:41:56 GMT

I've fixed it by updating my project.json serve config to not prebundle.

"serve": { "executor": "@nx/angular:dev-server", "options": { "host": "127.0.0.1", "prebundle": false }, "configurations": { "production": { "buildTarget": "frontend:build:production" }, "development": { "buildTarget": "frontend:build:development" } }, "defaultConfiguration": "development" },

Re: Angular 19: Vite build

shine01 — Wed, 22 Jan 2025 19:22:58 GMT

Setting "prebundle": false eliminates error. Thanks for that answer. However, I wonder if anyone at Esri has a better solution. Eliminating the vite cache creates really undesirable dev experience.

Re: Angular 19: Vite build

Jonas1 — Wed, 19 Feb 2025 12:18:14 GMT

Update it seems to work without changing anything now using angular 19.1.6

topic Re: Angular 19: Vite build in ArcGIS JavaScript Maps SDK Questions

Angular 19: Vite build

Re: Angular 19: Vite build

Re: Angular 19: Vite build

Re: Angular 19: Vite build