You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context.
Please follow Angular-cli documentation if you had installed a previous version of angular-cli.
npm install -g @angular/cli
Older @angular/cli references may grab angular version 18. To update to angular version 21 specifically for the global cli run:
npm install -g @angular/cli@^21
To build for development
in a terminal window -> npm start
Voila! You can use your Angular + Tauri app in a local development environment with hot reload!
The application code is managed by src-tauri/main.rs. \
In this sample, the app runs with a simple Angular App (https://localhost:4200), and a webView managed by Tauri.
Project structure
Folder
Description
src-tauri
Tauri main process folder (Rust)
src
Tauri renderer process folder (Web / Angular)
Browser mode
Maybe you only want to execute the application in the browser with hot reload? Just run npm run web:serve.
Included Commands
Command
Description
npm run web:serve
Execute the app in the web browser (DEV mode)
npm run web:prod
Build the app that can be used directly in the web browser. Your built files are in the /dist folder.
npm run tauri:bundle
Builds your application and creates an app consumable based on your operating system
Your application is optimised. Only /dist folder is included in the final bundle.
Branch & Packages version
About
Ultra-fast bootstrapping with Angular and Tauri 🚤