# Missing import for ion component in typescript

**URL:** <https://forum.ionicframework.com/t/missing-import-for-ion-component-in-typescript/226101>\
**Category:** Ionic Framework\
**Created:** [August 18, 2022, 8:04am UTC](https://forum.ionicframework.com/t/missing-import-for-ion-component-in-typescript/226101 "2022-08-18T08:04:29Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![njfamirm](https://avatars.discourse-cdn.com/v4/letter/n/65b543/32.png) [@njfamirm](https://forum.ionicframework.com/u/njfamirm)\
**Post date:** [August 18, 2022, 8:04am UTC](https://forum.ionicframework.com/t/missing-import-for-ion-component-in-typescript/226101/1 "2022-08-18T08:04:29Z")

</div>

I use ionic-framework in my project and import this module from index.html

```nohighlight
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@6.0.12/dist/ionic/ionic.esm.js"></script>

```

but when coding in my project in vs code, lit-plugin say

```auto
Missing import for <ion-content>
  You can disable this check by disabling the 'no-missing-import' rule.lit-plugin(no-missing-import)(2312)

```

I don’t import ionic in typescript file [import it in HTML file]

According to my experience working with other web components  
Probably, the problem will be solved by importing [this line](https://github.com/ionic-team/ionic-framework/blob/dee0f513ee443c0c69ea8e38a292c900e9c70221/core/src/components.d.ts#L3950) into the typescript file  
but how?

```nohighlight
interface HTMLElementTagNameMap {
  "ion-title": HTMLIonTitleElement;
}

```