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.2Is this a regression?
Yes, the previous version in which this bug was not present was: @angular/cli @angular/core version 8Description
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:
- Created 3 years ago
- Comments:8 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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 runningThis 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.