René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Vite pre-transform error on ng serve depending on the first route loaded in 19.0.0.next-2","articleBody":"### Command\r\n\r\nserve\r\n\r\n### Is this a regression?\r\n\r\n- [X] Yes, this behavior used to work in the previous version\r\n\r\n### The previous version in which this bug was not present was\r\n\r\n19.0.0-next.1\r\n\r\n### Description\r\n\r\nWhen you run `ng serve` in 19.0.0-next.2, and then open http://localhost:4200/bar/foo in the browser, you will get an error in the console:\r\n\r\n```\r\nWatch mode enabled. Watching for file changes...\r\nNOTE: Raw file sizes do not reflect development server per-request transformations.\r\n  ➜  Local:   http://localhost:4200/\r\n  ➜  press h + enter to show help\r\n11:21:13 AM [vite] Pre-transform error: Failed to load url /bar/polyfills.js (resolved id: /bar/polyfills.js). Does the file exist?\r\n11:21:13 AM [vite] Pre-transform error: Failed to load url /bar/main.js (resolved id: /bar/main.js). Does the file exist?\r\n```\r\n\r\nIf you close the browser window, restart the dev server, and load http://localhost:4200/bar or http://localhost:4200/ in the browser, there is no error in the console.\r\n\r\nThis behavior seems to appear in 19.0.0-next-2 to 19.0.0-next-5, and doesn't happen in 19.0.0-next-1.\r\n\r\n### Minimal Reproduction\r\n\r\nI uploaded a repo with the problem here: https://github.com/Exac/ng-19-0-0-next-5-vite-pre-transform-error\r\n\r\n```bash\r\n# Don't choose SSR because the type definitions for CommonEngine seem broken in this version\r\nnpx @angular/cli@19.0.0-next.2 new check-for-pre-transform-error-19.0.0-next.2 --ssr=false\r\ncd check-for-pre-transform-error-19.0.0-next.2\r\nng g c foo\r\nng g c bar\r\n```\r\nReplace `routes` with:\r\n```typescript\r\nimport {FooComponent} from \"./foo/foo.component\";\r\n\r\nexport const routes: Routes = [\r\n  {\r\n    path: 'bar/:foo',\r\n    component: FooComponent,\r\n  },\r\n  {\r\n    path: 'bar',\r\n    loadComponent: () => import('./bar/bar.component').then(m => m.BarComponent),\r\n  },\r\n  {\r\n    path: '**',\r\n    redirectTo: 'bar'\r\n  }\r\n];\r\n```\r\n\r\nThen run the dev server and open http://localhost/bar/foo:\r\n\r\n```console\r\n$ npx concurrently \"npx wait-on tcp:4200 && curl http://localhost:4200/bar/foo\" \"npm run start\"\r\n[1] 11:53:58 AM [vite] Pre-transform error: Failed to load url /bar/polyfills.js (resolved id: /bar/polyfills.js). Does the file exist?\r\n[1] 11:53:58 AM [vite] Pre-transform error: Failed to load url /bar/main.js (resolved id: /bar/main.js). Does the file exist?\r\n```\r\n\r\n\r\n\r\n### Exception or Error\r\n\r\n```text\r\n11:21:13 AM [vite] Pre-transform error: Failed to load url /bar/polyfills.js (resolved id: /bar/polyfills.js). Does the file exist?\r\n11:21:13 AM [vite] Pre-transform error: Failed to load url /bar/main.js (resolved id: /bar/main.js). Does the file exist?\r\n```\r\n\r\n\r\n### Your Environment\r\n\r\n```text\r\n> check-for-pre-transform-error-19.0.0-next.2@0.0.0 version\r\n> ng version\r\n\r\n\r\n     _                      _                 ____ _     ___\r\n    / \\   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|\r\n   / △ \\ | '_ \\ / _` | | | | |/ _` | '__|   | |   | |    | |\r\n  / ___ \\| | | | (_| | |_| | | (_| | |      | |___| |___ | |\r\n /_/   \\_\\_| |_|\\__, |\\__,_|_|\\__,_|_|       \\____|_____|___|\r\n                |___/\r\n\r\n\r\nAngular CLI: 19.0.0-next.6\r\nNode: 20.17.0\r\nPackage Manager: npm 10.8.2\r\nOS: linux x64\r\n\r\nAngular: 19.0.0-next.6\r\n... animations, cli, common, compiler, compiler-cli, core, forms\r\n... platform-browser, platform-browser-dynamic, platform-server\r\n... router, ssr\r\n\r\nPackage                         Version\r\n---------------------------------------------------------\r\n@angular-devkit/architect       0.1900.0-next.6\r\n@angular-devkit/build-angular   19.0.0-next.6\r\n@angular-devkit/core            19.0.0-next.6\r\n@angular-devkit/schematics      19.0.0-next.6\r\n@schematics/angular             19.0.0-next.6\r\nrxjs                            7.8.1\r\ntypescript                      5.5.4\r\nzone.js                         0.15.0\r\n```\r\n\r\n\r\n### Anything else relevant?\r\n\r\nBrowser does not matter.\r\nPreviously there was a similar issue https://github.com/angular/angular-cli/issues/27907\r\nIt was fixed by @alan-agius4 in https://github.com/angular/angular-cli/pull/27910","author":{"url":"https://github.com/Exac","@type":"Person","name":"Exac"},"datePublished":"2024-09-18T18:57:42Z","url":"https://github.com/angular/angular-cli/issues/28442"}