angular-tauri icon indicating copy to clipboard operation
angular-tauri copied to clipboard

Chore/angular v19 migration

Open mayhmemo opened this issue 4 months ago • 0 comments

Description

Angular v20 is now officially released and in production. To prepare for a full upgrade, i first updated the project from Angular v18 to v19. This intermediate step allows for proper validation of all functionalities before completing the final upgrade to v20 in a separate branch.

I followed the first part of the official Angular upgrade guide: Angular Update Guide (v18 to v20).

During this upgrade, i addressed the deprecation of HttpClientModule by replacing it with the new provideHttpClient() function, as recommended in the Angular documentation: HttpClientModule API Reference.

Additionally, i encountered an issue with the Tauri build. Although the build process completed successfully, running the app resulted in the error: "Asset 'index.html' not found". Upon investigation, i discovered that Angular now outputs build artifacts to /dist/browser instead of just /dist. Updating the distDir path in tauri.conf.json solved the issue.

I also made some changes to the workflows build process, updating the dependencies.

Type of change

  • [x] Breaking change (changed Angular to v19)
  • [x] This change required a documentation update to change the package versions

Checklist:

  • [x] I have performed a self-review of my own code
  • [x] I have made corresponding changes to the documentation
  • [x] My changes generate no new warnings
  • [x] I have run tests (npm run test) that prove my fix is effective or that my feature works

mayhmemo avatar Sep 04 '25 13:09 mayhmemo