Angular  

Update Angular from 12 to 17 (5) --- Debugging (2)

This is a seres of articles about Angular Installation, Upgrading.

Introduction

This article is to discuss some major errors incurred in this upgrading process.

The content of this article:

  • Introduction
  • Error 1: --- export 'ɵmarkDirty' (imported as 'ɵmarkDirty') was not found in '@angular/core'
  • Error 2: --- Error NG6002: 'XXX' does not appear to be an NgModule class
  • Error 3: --- Error NG8001/8002:  Can't bind to 'modules' since it isn't a known property of 'xxx-angular' --- stricttempletes false
  • Error 4: --- Error: Can't resolve 'dragula'
  • Error 5: --- Error: Module Build Failed
  • Error 6: --- Deprecation of AgGridModule.withComponents()

Error 1: --- export 'ɵmarkDirty' was not found in '@angular/core'

Error:

Solution: --- no related solution online

We do the similar for ngx-sub-form to solve the issue:

Error 2: --- Error NG6002: 'XXX' does not appear to be an NgModule class

Error:

Solution:

As indicated in the error page: 

  • This likely means that the library (@fortawesome/angular-fontawecome) which declares FontAwesomeModule is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so.

Update 

Fix:

npm install @fortawesome/[email protected] --legacy-peer-deps

Similar ones, such as

npm install @azure/[email protected] --legacy-peer-deps
npm install [email protected] --legacy-peer-deps
npm install ngx-extended-pdf-viewer @15.1.0 --legacy-peer-deps
npm install [email protected] --legacy-peer-deps
npm install [email protected] --legacy-peer-deps
npm install [email protected] --legacy-peer-deps
npm install [email protected] --legacy-peer-deps

Error 3: --- Error NG8001/8002:  Can't bind to 'modules' since it isn't a known property of 'xxx-angular' --- stricttempletes false

Error:

Solution: 

Fix:

For all:

Results: --- reduced NG8001 from 25 to 6; NG8002 from 41 to 20

Note: Disabling strickTempletes coudl be lead to some run time errors;

or

Futhermore:

Error 4: --- Error: Can't resolve 'dragula'

Error:

Solution:

Fix:

Error 5: --- Error: Module Build Failed

Error:

Solutions:

Fix:

Error 6: --- Deprecation of AgGridModule.withComponents()

Error: a lot

Solution:

Fix:

 

References:

Membership not found