Improve the `The pipe could not be found` error message

Which @angular/* package(s) are relevant/releated to the feature request?

core

Description

Currently Angular throws the following error message at runtime when a pipe can not be found:

The pipe `AsyncPipe` could not be found!

However there is no information on which component has this problem, which makes debugging harder. We should consider adding component class name to the error message.

[AndrewKushnir]

@rohan-pednekar please see my comment to your PR: https://github.com/angular/angular/pull/44081#discussion_r743914851. Here is the change that should take care of the mentioned issue:

   if (tView.firstCreatePass) {
-    pipeDef = getPipeDef(pipeName, tView.pipeRegistry);
+    // The `getPipeDef` throws if a pipe with a given name is not found
+    // (so we use non-null assertion below).
+    pipeDef = getPipeDef(pipeName, tView.pipeRegistry)!;

[AndrewKushnir]

I have tried formatting all the source code. But, I am seeing changes in many files that I haven’t even touched. I used the following command.

You could target changed files only using this command:

yarn ng-dev format changed

More info can be found at https://github.com/angular/angular/blob/master/docs/DEVELOPER.md#formatting-your-source-code.