PhpStorm error in Angular template: Unresolved pipe

Question

I have project generated by Angular CLI ver 7.3.9 (Angular ver 7.2.0) and IDE: PhpStorm ver 2019.1.2

In template of my component I using UpperCasePipe:

<h2>{{ title | uppercase }}</h2>

Application works fine. Uppercase works. Letters are big but PhpStorm report an error:

Unresolved pipe uppercase
Checks that TypeScript called functions are valid

preview:

PS
I have installed AngularJS plugin

why are you using php storm for angular? and if there is plugin, it should be Angular or Angular2, not AngularJS — Ala Abid, May 16 '19 at 14:23
AngularJS !== Angular 7. Maybe try to install a more recent plugin, or try using vscode. — Bernard Pagoaga, May 16 '19 at 14:26
In company we are developing [Laravel](https://laravel.com/) project and all employee got [phpStorm](https://www.jetbrains.com/phpstorm/) — Cichy, May 16 '19 at 14:26
AngularJS plugin description: _Support for Angular and AngularJS projects._ - phpStorm has only this one plugin for Angular — Cichy, May 16 '19 at 14:27
is `node_modules/@angular/common/src/pipes` folder included in index (check its color in the **Project** tool window)? Also, does the issue persist after caches invalidation (**File | Invalidate caches, Invalidate and restart**)? If yes, please create a support ticket, providing your idea.log — lena, May 16 '19 at 15:34

score 13 · Accepted Answer · answered May 17 '19 at 09:59

13

Please make sure that node_modules/@angular/common/src/pipes folder included in index (check its color in the Project tool window) - pipes won't be resolved if this directory is excluded

answered May 17 '19 at 09:59

lena

90,154
11
145
150

3

Yes, that was a problem. I had a `node_modules/` folder as **Excluded**. Thx – Cichy May 17 '19 at 10:01
2

How do you include node_module in index? – Josef Lundström Nov 18 '21 at 17:39
the easiest way to do this is to shut down the IDE, delete the project `.idea` folder and then re-open the project root folder in IDE with **File > Open** - this will re-create the libraries, making sure that all required modules are indexed – lena Nov 19 '21 at 13:53
2

For me right-clicking the node_modules folder and then 'Mark Directory as' > 'Not Excluded' worked – Michael Barfs Dec 12 '21 at 15:16
@MichaelBarfs - Thank you, that did the trick form me – Jan and RESTless Jan 18 '22 at 16:48
Note: If you don't exclude node_modules, they'll start showing up when searching for files. This solution fixes one thing, but breaks another. – Stevethemacguy Jan 11 '23 at 21:28

Артем Валерійович Скригонюк · Answer 2 · 2022-05-24T11:19:20.723

0

Right-click on node_modules -> Mark Directory As -> 'Not Excluded'

edited May 24 '22 at 11:19

answered May 24 '22 at 11:19

Артем Валерійович Скригонюк

1
2

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 24 '22 at 12:36

PhpStorm error in Angular template: Unresolved pipe

2 Answers2