question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. ItΒ collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Pipes and directives from CommonModule not being recognised when i upgraded from Angular 8 to Angular 9 and also Angular 10

See original GitHub issue

🐞 bug report

Affected Package

The issue is caused by package @angular/cli @angular/core version 10.0.2

Is this a regression?

Yes, the previous version in which this bug was not present was: @angular/cli @angular/core version 8

Description

A clear and concise description of the problem...

πŸ”¬ Minimal Reproduction

https://stackblitz.com/...

πŸ”₯ Exception or Error




 - error NG8001: 'router-outlet' is not a known element:
 - error NG8002: Can't bind to 'ngClass' since it isn't a known property of 'div'.
 - error NG8004: No pipe found with name 'async'.

🌍 Your Environment

Angular Version:






Angular CLI: 10.0.2
Node: 12.16.3
OS: win32 x64

Angular: 10.0.3
... animations, common, compiler, compiler-cli, core, forms     
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.801.3
@angular-devkit/build-angular     0.1000.2
@angular-devkit/build-optimizer   0.1000.2
@angular-devkit/build-webpack     0.1000.2
@angular-devkit/core              8.1.3
@angular-devkit/schematics        10.0.2
@angular/cdk                      10.0.1
@angular/cli                      10.0.2
@angular/fire                     5.2.3
@angular/material                 10.0.1
@ngtools/webpack                  10.0.2
@schematics/angular               10.0.2
@schematics/update                0.1000.2
rxjs                              6.6.0
typescript                        3.9.6
webpack                           4.43.0


Anything else relevant?

Current Workaround

i set enableIvy Compilation Option to false

  "angularCompilerOptions": {
    "enableIvy": false
  }

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
petebacondarwincommented, Jul 13, 2020

If cloudinary does not support v10, then this could be the problem. If ngcc (Angular’s compatibility compiler) is unable to process cloudinary, it could be blocking the other libraries (such as @angular/common) from being processed.

Can you try cleaning out node_modules and then running

node_modules/.bin/ngcc -l debug
0reactions
angular-automatic-lock-bot[bot]commented, Aug 21, 2020

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Sharing modules - Angular
Creating shared modules allows you to organize and streamline your code. You can put commonly used directives, pipes, and components into one module...
Read more >
The pipe 'async' could not be found - Stack Overflow
The pipe async is exported from the CommonModule and you will get this error when you forgot to import CommonModule either in the...
Read more >
How To Update Angular CLI To Latest Version
If you are using Angular material You have to update it as well using ng update command. ng update @angular/material. The Angular latestΒ ......
Read more >
Angular Modules and NgModule - Complete Guide
What does an Angular Module look like? Β· the @NgModule annotation is what actually defines the module Β· we can list the components,...
Read more >
Ninja Squad: Le Blog
The NgOptimizedImage directive is now stable and can be used in production. Introduced in Angular v14.2, it allows you to optimize images. YouΒ ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found