Questions tagged [angular-ivy]

Ivy is the code name for Angular's next-generation compilation and rendering pipeline. Use this tag for Angular questions which are specific to only the rendering engine.

Ivy is the code name for Angular's next-generation compilation and rendering pipeline. With the version 9 release of Angular, the new compiler and runtime instructions are used by default instead of the older compiler and runtime, known as View Engine.

213 questions
5
votes
0 answers

Fix errors to upgrade old module for Angular 16

I've been using this Modal module for my Angular projects, however today, when upgrading to Angular 16, it stoped working with this error: 'SimpleModalModule' does not appear to be an NgModule class. simple-modal.module.d.ts(5, 54): This likely…
celsomtrindade
  • 4,501
  • 18
  • 61
  • 116
5
votes
1 answer

Angular "partial" vs "full" compilation mode?

Why the library compiled in the "partial" compilation mode builds so slowly inside of the consumer application, compared to the "full" compilation mode?
5
votes
2 answers

NG3003: Angular 12 Circular Dependency in library - Ivy partial compilationMode

I have an issue presented here. I have a ParentComponent which has a child ChildComponent, and child has ParentComponent inside of it so there is a cycle here. This is the error I'm facing: ✖ Compiling with Angular sources in Ivy partial compilation…
5
votes
4 answers

Angular 9 lazy load component error: No provider for InjectionToken mat-autocomplete-scroll-strategy

I upgraded my project from Angular 8 to 9 and refactored my code to take advantage of the ability to lazy load components. For most of my components this works great, but I have one that is throwing an error and I need help resolving the…
Cory S.
  • 51
  • 1
  • 1
  • 5
5
votes
2 answers

Angular compilation fails after upgrade to Angular v9 and enabling Ivy

We have recently upgraded our angular app to the latest version of Angular (Angular v9). All our dependencies are also upgraded, "ng update" says all our dependencies are "in order". When we build the application with Ivy enabled the compilation…
5
votes
1 answer

Angular Ivy type check: Type 'SafeHtml' is not assignable to type 'string'

I am getting Typescript error after switching to Ivy compiler: [Step 4/5] src/app/app.component.html(1,26): Type 'SafeHtml' is not assignable to type 'string'. In Angular class there is a member property declared as SafeHtml: @Component({ …
Felix
  • 3,999
  • 3
  • 42
  • 66
5
votes
1 answer

How to make Angular Ivy + Angular Universal work?

I'm having an error when I try to have Ivy + Angular Universal in my project. I only have this error when I use Angular in Ivy mode (when I set enableIvy to false in my tsconfig.app.json I can successfully build my app). Here are the steps to…
Guillaume M
  • 161
  • 6
5
votes
1 answer

AG Grid module import error in Angular 8 using Ivy

I'm getting the following error when trying to import the ag grid module in an Angular 8 app using Ivy. ERROR in There is no format with import statements in 'path_to_node_modules/node_modules/ag-grid-angular' entry-point. The error goes away if i…
Bogdan B
  • 846
  • 9
  • 23
4
votes
1 answer

Disabling legacy View Engine compilation mode in Angular 12

Since Angular 10, we have had the following set in an angular library: "angularCompilerOptions": { "enableIvy": false } I am now trying to use the Ivy compiler as we upgrade to Angular 12. From everything I've read, since Ivy is the default,…
Tim
  • 1,605
  • 6
  • 31
  • 47
4
votes
3 answers

Circular-Dependency with IVY partial

in a project I wanted to switch my libs to the ivy partial compilation mode (angular 12). But got now some nasty circular dependency errors: Error from example ✖ Compiling with Angular sources in Ivy partial compilation mode. An unhandled exception…
4
votes
1 answer

Problems with errors when using aot Angular 9

I had a project with Angular 8 and updated it to Angular 9. But when I try to use Ivy, it gives me weird errors. For example, it sticks to Angular material tags if all its modules are imported correctly. Even when I'm not using aot ( set aot = false…
mahdi aghasi
  • 281
  • 1
  • 5
  • 18
4
votes
1 answer

Angular 9 IVY Lazy loaded component bindings not working

Directives such as ngIf, ngClass, ngStyle don't work in lazy loaded component (introduced in Angular 9). core.js:12626 Can't bind to 'xxx' since it isn't a known property of 'xxx'. The only binding I managed to get it working is something like:…
Royalsmed
  • 212
  • 1
  • 4
  • 16
4
votes
1 answer

Angular CLI 9 (Ivy) App build with local library (mono-repo) failing

I have an Angular 9 app that i'm starting to move some of the components into a dedicated library project, which uses secondary entry points (trying to mimic Angular Material's approach). Everything builds fine if i build both library and app with…
mfaith
  • 115
  • 3
  • 11
4
votes
1 answer

Angular project migration issue with version 9 IVY compiler

I have migrated my angular project version 6 to 9 but till 8 my migration went smooth and it is working .once i migrate from v8 to v9 my project gets blank on screen and the IVY does not showing any error on build and chrome console is also clear…
Abhishek Sharma
  • 111
  • 1
  • 4
4
votes
1 answer

How to add MatButton into an Angular library (Angular 9)

I generated a library on a fresh angular 9 project with the command ng g library multi-select Now I want to add Angular Material's MatButton so I added 'MatButtonModule' to the library's main module. I also added, "@angular/material": "^9.0.0" in…
Dilshan Liyanage
  • 4,440
  • 2
  • 31
  • 33
1 2
3
14 15