Questions tagged [angular16]

For questions regarding Angular specific to version 16. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.

120 questions
2
votes
1 answer

facing issue while setup Angular 16 seed project

while setup Angular 16 (16.0.0) seed project it is giving below error $ ng serve Build at: 2023-06-18T16:05:08.699Z - Hash: 46985977d614fe3c - Time: 7901ms ./node_modules/@angular/common/fesm2022/common.mjs - Error: Module build failed (from…
2
votes
1 answer

Angular Universal BrowserModule.withServerTransition is deprecated, what is the replacement for this?

I am using Angular 16.0.0 and with Angular Universal server side rendering, but when I Import BrowserModule.withServerTransition in my app module its marked as deprecated, what is the replacement for it ? my app.module.ts import {BrowserModule}…
dota2pro
  • 7,220
  • 7
  • 44
  • 79
2
votes
2 answers

EventEmitter vs signal

I just updated my application to Angular 16, which uses a lot of EventEmitter in a service to show where the user is in the app (setting Boolean values). signals were added in this release and I am trying to understand the benefits of switching. …
xinthose
  • 3,213
  • 3
  • 40
  • 59
2
votes
1 answer

Not able to run storybook in angular project due to "type 'serveroptions' is not generic" in angular storybook

I installed storybook by npx sb init but when try to run storybook in angular 16 I got below error. These errors are not pointing to any specific code in the project but some random code in node and angular. Variable 'AbortSignal' must be of type…
Aniruddha Das
  • 20,520
  • 23
  • 96
  • 132
2
votes
1 answer

Angular 16 takeUntilDestroyed operator with two subscribe methods

Example from (https://indepth.dev/posts/1518/takeuntildestroy-in-angular-v16) This works for one subscribe method but doesn't work for two methods If you look at the following code, then when the component is destroyed, the second subscription will…
Dmitriy Ivanko
  • 950
  • 8
  • 17
2
votes
0 answers

How can we enter time in input field with format HH:MM and also include validation

I was using @julianobrasil/timemask library for formatting the input value in Angular 15, when I updated the application to Angular 16 the library @julianobrasil/timemask is not supported in the updated application. Is there any other library or way…
2
votes
3 answers

I have updated angular 15 to angular 16, after the updation there is a compile error occurs

after the updation from angular 15 to angular 16 ,the application is not working, there is an issue showing the console that "Error: Unexpected value 'JpTimeMaskModule' imported by the module 'CommonComponentModule'. Please add an @NgModule…
Vinu Ram
  • 109
  • 6
2
votes
0 answers

Hash mismatch on Angular 16 Migration and switching from Webpack to Vite

After Updating to Angular 16 (from 15) and Switching from Webpack to Vite "architect": { "build": { "builder": "@angular-devkit/build-angular:browser-esbuild", My Service Worker gets and "Version_Installation_Failed" Error for…
Stef
  • 644
  • 1
  • 8
  • 25
1
vote
1 answer

How not to show form error messages using the autofocus directive when routing to a different component?

I'm building an authentication app using the PEAN stack (i.e., PostgreSQL - ExpressJS - Angular - NodeJS). I have a directive for autofocus as follows: autofocus.directive.ts import { Directive, ElementRef } from '@angular/core'; @Directive({ …
Rok Benko
  • 14,265
  • 2
  • 24
  • 49
1
vote
0 answers

Angular Universal Package not adding main.server.ts , tsconfig.server.json,server.js, app.server.module.ts files in Angular .NET core fresh project

I was trying to install angular universal in my .NET 6 Angular Project as default in VS2022. However , as seen in the screenshot , the package is installed but missed all the files that needs to be generated like server files , config files . I …
1
vote
0 answers

After angular 15 to 16 Migration Code stopped compiling with attached errors

After I upgraded my codebase from Angular 15 to Angular 16, it stopped compiling. Here are the steps I've tried: Updated all dependencies: When I run ng update, I don't get any pending updates. Cleared Cache: Deleted the node_modules folder and…
1
vote
1 answer

How to access Angular 16 routes independently for standalone components

Update The problem seems to be appearing with Angular 16 standalone components since there is no ngModule. To be specific, when the i run ng build the files are generated. Now i run the index.html file on vscode live server which opens the default…
Suyash Jawale
  • 190
  • 2
  • 13
1
vote
1 answer

Angular 16 Signal update doesn't update view

I am testing angular 16 signals and per my understanding, when I disable zone.js and call signal.update() the view should be updated with new value. It is not. Please help me to understand…
kkleczek
  • 17
  • 3
1
vote
0 answers

I have converted my angular application from 15 to 16, getting library (angular-progress-http) which declares ProgressHttpModule is not compatible

I have converted my application to angular 16 from angular 15, getting error when given command npm start related to import { ProgressHttpModule } from 'angular-progress-http'; package. I do not see any red lines(error) in the vscode related to…
1
vote
0 answers

How to fix 'Unable to start the daemon process' error when running ionic capacitor on Android studio?

I am trying to run an ionic-angular app on android studio When running ionic capacitor run android i receive the following error : [capacitor] [error] Starting a Gradle Daemon, 7 stopped Daemons could not be reused, use --status for…