Questions tagged [angular-upgrade]

Questions related to upgrading AngularJS (v1.x) application to Angular (v2+). This tag should be used for questions related to preparing AngularJS application for upgrade, running a hybrid AngularJS/Angular application, and transitioning out of hybrid mode.

213 questions
2
votes
5 answers

upgrade angular 4 project to angular 6

I need to upgrade an existing angular 4 project to angular 6 I have followed the steps mentioned in the https://update.angular.io/ npm install -g @angular/cli@6 npm install @angular/cli@6 ng update @angular/cli ng update @angular/core ng update…
chidanand
  • 21
  • 1
  • 4
2
votes
1 answer

StaticInjectorError(AppModule) no provider for ComponentFactoryResolver

I've got a working rails 5.2.0 webpacker app, with a minimal angularjs app booted through the angular AppModule, using UpgradeModule.bootstrap function. I confirmed the angular app works fine before turning it into a hybrid app. And after initially…
Anatortoise House
  • 4,941
  • 1
  • 22
  • 18
2
votes
1 answer

Using AngularJS service inside Angular

I'm searching for include AngularJS service inside Angular project. This is my main.ts: import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; import {AppModule} from './app/app.module'; import {UpgradeModule} from…
Mauro Bove
  • 31
  • 2
2
votes
1 answer

Ui-router child state not loading inside downgraded Angular component

I have a hybrid/lazy-loaded Angular/AngularJS application which uses both the new Angular router and ui-router version 0.4.2 with parallel outlets/views. To accomplish this I have followed Victor Savkin's Lazy Loaded AngularJS guide In general, this…
Chic
  • 9,836
  • 4
  • 33
  • 62
2
votes
0 answers

Bootstrapping hybrid AngularJS & Angular application causing very slow rendering

I'm currently trying to bootstrap a large Angular 1.6.1 app to Angular 4.0.1 using the UpgradeModule. I've managed to successfully get the app to run, but I've noticed a significant slowdown with rendering times - so bad that it completely freezes…
remi90
  • 341
  • 1
  • 4
  • 20
2
votes
1 answer

Upgrading AngularJS component to Angular: No provider for ElementRef exception

We're in the process of getting Angular up and running in our AngularJS app, but I'm facing an issue with mixing upgraded and downgraded components. Here's the structure of my current problem The outermost layer is our main application. The next…
Thor Jacobsen
  • 8,621
  • 2
  • 27
  • 26
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
0 answers

Getting NullInjectorError while using inject for guard (since CanActivate is deprecated)

I was using CanActivate, but I recently migrated to Angular 16 and since it is deprecated, I tried to use inject() as guided by the official documentation. This is how my routing component looks like: const routes: Routes = [ { path: '', …
1
vote
0 answers

Angular Material v15 Upgrade: Hitting JavaScript heap out of memory on ng test

I'm trying to upgrade angular material from v14 to v15 and trying to push the changes up to repo in gitlab, however, it's hitting JavaScript heap out of memory on the pipeline job which is running ng test. ng test --watch=false…
rakurice
  • 11
  • 1
1
vote
1 answer

ng2-signalR throwing error after angular upgrade to 9

Recently upgraded to angular 9 able to run but got the below error in certain components where ng2-signalR is used. enter image description here enter image description here Here is the component code import { SignalR, IConnectionOptions } from…
1
vote
1 answer

This version of CLI is only compatible with Angular versions ^15.0.0, but Angular version 14.2.12 was found instead

I am upgrading my application from angular 13 to 14. For angular 13 everything was working fine but after doing the angular 14 updates I am facing this error and am unable to understand where I am making the mistake. Node: 14.21.1 enter image…
1
vote
1 answer

update angular from version 12 to 13

I have an Angular project that I wanted to update from version 12 to 13 I did everything correctly according to this link which is an angular proposal My project dependencies: { "name": "ngx-admin", "version": "2.3.0", "license": "MIT", …
1
vote
0 answers

Non-string value passed to `ts.resolveTypeReferenceDirective` while updating Angular from 11 to 12

I am updating Angular from 11 to 12 while following the documentation from Update Angular 11 to 12. This is my package.json file before updating. { "name": "my-app", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", …
1
vote
2 answers

Angular 12 Storybook 'this' context transform fields to string

I updated lib project from 11 to 12 angular version. Updated storybook from 6.1 to 6.4. Build builds well, without errors. Storybook compiles as well, BUT... I received strange errors. Error: compareWith must be a function TypeError: this.onChange…
1
vote
1 answer

ng serve/build not working after angular upgrading from 11 to Angular 13

Tried to upgrade the angular from 11 to 13, here is my package.json. As I was using angular 11 which was having a slow build then I decided to upgrade it to 13 now it doesn't build or serve. { "name": "metronic-angular-demo1", "version":…
user10668235