ionic-team / ionic-team/vscode-ionic
Auto-import of ionic components fails when in-line comments are present
- Dominant language
- TypeScript
- Stars
- 15
- Forks
- 3
- PR merge metrics
- No merged PRs in 30d
Description
I am 100% in love with the automatic importing of ionic components from the template - saves a lot of switching and helps keep me in the flow. However, I found today that the auto-importing suddenly stopped working on a single ionic template. I spent a bit of time tracking this issue down, and would like to know if there's a way around it?
After I added an in-line comment to the last member of my ionic angular import statement, the ionic extension would no longer automatically import any new Ionic components. For example:
```
import {
IonContent,
IonHeader,
IonTitle, //these are the defaults
}
```
With that comment at the end, auto-importing no longer works. If there's a comment after the first or second member, auto-importing works with no problem. And it looks like the presence of the trailing comma does not make a difference.
Putting the comment *below* the last entry in the import statement works, eg:
```
import {
IonContent,
IonHeader,
IonTitle,
//these are the defaults
}
```
Using the latest vscode (1.92.1), angular language service (18.2.0), and ionic extension (1.92.0). I obviously have a workaround - put the comment on the previous line or on a new line below the last member. But it'd be nice if I could put that comment back where I had it stylistically. I know this is pretty minor in the grand scheme of things, but hopefully it's an easy fix.
Contributor guide
Research direction
Reproduce the issue in VS Code with the shown Angular import and an inline comment after the final named import, then trace the Ionic component auto-import handling. Done means auto-import continues to work when that comment is present, while the existing workaround cases remain unaffected.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript, vscode
- Domain
- tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 35/100