Components: Mat-tooltip bug: The pipe 'async' could not be found

Created on 15 Aug 2018  路  13Comments  路  Source: angular/components

When i run command :ng build --prod, I found an error in console
ERROR in : Template parse errors: The pipe 'async' could not be found ("<div class="mat-tooltip" [ngClass]="tooltipClass" [[ERROR ->]class.mat-tooltip-handset]="(_isHandset | async)!.matches" [@state]="_visibility" (@state.start)="_an")

My configurations in angular.json
"configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true } } },

angular: 6.1.2
angular/material: 6.4.5
rxjs: 6.2.2

Most helpful comment

Setting "enableIvy": false (or simply removing it) in angularCompilerOptions (_tsconfig.json_) resolved this issue for me.

All 13 comments

Please keep GitHub issues for bug reports / feature requests. Better avenues for troubleshooting / questions are stack overflow, gitter, mailing list, etc.

Facing the same issue after updating from 6.1.10 to 7.0.0

Setting "enableIvy": false (or simply removing it) in angularCompilerOptions (_tsconfig.json_) resolved this issue for me.

Setting "enableIvy": false (or simply removing it) in angularCompilerOptions (_tsconfig.json_) resolved this issue for me.

Thank you @resamsel ! You are right! This is resolved this issue for me too.

@resamsel Thank you!

@resamsel But for internationalization should i keep that configuration?

@resamsel made my day, thanks :)

Is there a better fix than disabling Ivy?
I don't see how disabling a core piece of functionality is the right "fix" for this.
Code size and speed will be affected.

please, Angular team,and @josephperrott you cannot close this issue without resolving the problem as it doesn't concern troubleshooting --> we've got a real bug here.

why should they close the issue? problem doesn't resolved. it doesn't work with ivy and this is not good

Did anyone solve this problem without disabling Ivy? I have exactly the same error.

ERROR in : Template parse errors:
The pipe 'async' could not be found ("

]class.mat-tooltip-handset]="(_isHandset | async)?.matches" [@State]="_visibility" (@State.start)="_an"): C:/Users/matic/mc/dev/ng-workspace-components/demo/node_m
odules/@angular/material/tooltip/typings/index.d.ts.TooltipComponent.html@0:51

@camu891 Ivy Renderer not is a production ready feature, actually is in development, actually does not exist async pipe support using Ivy Renderer.

Actually, this issue isn't a bug, as the Ivy renderer is not in prod yet, so it's not used for rendering in Angular applications for now (maybe in future versions) and disabling it won't affect anything you're doing on the actual versions.

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._

Was this page helpful?
0 / 5 - 0 ratings