# Create Old Ionic 6 app

**URL:** <https://forum.ionicframework.com/t/create-old-ionic-6-app/232469>\
**Category:** Ionic Framework\
**Created:** [April 6, 2023, 2:11pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469 "2023-04-06T14:11:02Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 2:11pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/1 "2023-04-06T14:11:02Z")

</div>

Hi guys. I created a new ionic abb but I not found app.module.ts file. I read that Ionic has removed this file in Ionic 7. Is it possible create an old ionic 6 project using ionic cli?

```auto
Ionic:

   Ionic CLI : 6.20.1 (C:\Users\xxxxxxxxx\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework : not installed
   @angular-devkit/build-angular : 15.2.5
   @angular-devkit/schematics : 15.2.5
   @angular/cli : 15.2.5
   @ionic/angular-toolkit : 9.0.0

Cordova:

   Cordova CLI : 10.0.0
   Cordova Platforms : not available
   Cordova Plugins : not available

Utility:

   cordova-res : not installed globally
   native-run (update available: 1.7.2) : 1.4.0

```

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [April 6, 2023, 2:47pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/2 "2023-04-06T14:47:55Z")

</div>

> <https://github.com/ionic-team/ionic-framework/issues/24419>
>
> Hi everyone,
> 
> With the recent release of Ionic 7, I am sure many are eager to …start trying out the new features. However, I also understand that some may not be ready to update to Ionic 7 just yet.
> 
> As a result, we have created some tags on npm to help developers stay on older versions of Ionic until they are ready to upgrade. These tags also apply to CDN URLs.
> 
> If you need help installing Ionic, please post on the \[Ionic Forum\](https://forum.ionicframework.com/).
> 
> If you are running into bugs or have ideas for features, please \[open a new issue\](https://github.com/ionic-team/ionic-framework/issues).
> 
> Thank you!
> 
> \----
> 
> \## Ionic 6
> Developers wishing to remain on Ionic 6 should install Ionic from the \`v6-lts\` tag:
> 
> \*\*NPM Example:\*\*
> \`\`\`shell
> npm install @ionic/vue@v6-lts @ionic/vue-router@v6-lts
> \`\`\`
> 
> \*\*CDN Example:\*\*
> \`\`\`html
> \<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/dist/ionic/ionic.esm.js"\>\</script\>
> \<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/css/ionic.bundle.css" /\>
> \`\`\`
> 
> \## Ionic 5
> Developers wishing to remain on Ionic 5 should install Ionic from the \`v5-lts\` tag:
> 
> \*\*NPM Example:\*\*
> \`\`\`
> npm install @ionic/react@v5-lts @ionic/react-router@v5-lts
> \`\`\`
> 
> \*\*CDN Example:\*\*
> \`\`\`html
> \<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/dist/ionic/ionic.esm.js"\>\</script\>
> \<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/dist/ionic/ionic.js"\>\</script\>
> \<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v5-lts/css/ionic.bundle.css" /\>
> \`\`\`
> 
> \## Ionic 4
> Developers wishing to remain on Ionic 4 should install Ionic from the \`v4-lts\` tag:
> 
> \*\*NPM Example:\*\*
> \`\`\`
> npm install @ionic/angular@v4-lts
> \`\`\`
> 
> \*\*CDN Example:\*\*
> \`\`\`html
> \<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/dist/ionic/ionic.esm.js"\>\</script\>
> \<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/dist/ionic/ionic.js"\>\</script\>
> \<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v4-lts/css/ionic.bundle.css" /\>
> \`\`\`

---

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 2:55pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/3 "2023-04-06T14:55:13Z")

</div>

Thanks @twestrick for reference but I did not understand.

I wish to remain on Ionic 6 and I’m using Angular.

In the guide there are these commands:

```auto
npm install @ionic/vue@v6-lts @ionic/vue-router@v6-lts

```

and

```auto
<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/dist/ionic/ionic.esm.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core@v6-lts/css/ionic.bundle.css" />

```

I did not understand what I have to do. can you help me?

Thanks  
L

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [April 6, 2023, 3:01pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/4 "2023-04-06T15:01:00Z")

</div>

The guide is just an example. For Angular you should be able to do:

```bash
npm install @ionic/angular@v6-lts

```

---

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 3:43pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/5 "2023-04-06T15:43:49Z")

</div>

This command before to create the app with:

```auto
ionic start myApp sidemenu --type=angular --cordova --package-id=myPackage

```

right?

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [April 6, 2023, 3:46pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/6 "2023-04-06T15:46:37Z")

</div>

Seems correct. Then after that, install v6 from the command above.

---

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 3:50pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/7 "2023-04-06T15:50:06Z")

</div>

Not works. I execute these commands (in order):

```auto
npm install @ionic/angular@v6-lts

```

```auto
ionic start myApp sidemenu --type=angular --cordova --package-id=myPackage

```

inside src folder I can’t found app.module.ts file. In Ionic 7 this file has been removed

ionic info

```auto
Ionic:

   Ionic CLI : 6.20.1 (C:\Users\l.santaniello\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework : not installed
   @angular-devkit/build-angular : 15.2.5
   @angular-devkit/schematics : 15.2.5
   @angular/cli : 15.2.5
   @ionic/angular-toolkit : 9.0.0

Cordova:

   Cordova CLI : 10.0.0
   Cordova Platforms : not available
   Cordova Plugins : not available

Utility:

   cordova-res : not installed globally
   native-run (update available: 1.7.2) : 1.4.0

System:

   Android SDK Tools : 26.1.1 (C:\Users\xxx\AppData\Local\Android\Sdk)
   NodeJS : v16.13.0 (C:\Program Files\nodejs\node.exe)
   npm : 9.6.4
   OS : Windows 10

```

Probably I wrong some steps.

Please help me

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [April 6, 2023, 3:59pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/8 "2023-04-06T15:59:43Z")

</div>

Maybe someone from the Ionic team can chime in. The only way I can see of doing it is as follows:

1. Run `ionic start myApp sidemenu --type=angular --cordova --package-id=myPackage`
2. Run `npm install @ionic/angular@v6-lts`
3. Revert any changed/deleted Angular related files back to v6 looking at the [Starter PR for upgrade to v7](https://github.com/ionic-team/starters/pull/1765/files#diff-cb7a5871e70c68ce3ce24c43920801ff823c94b3967debd8d0a89af23908f1b9)

---

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 4:02pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/9 "2023-04-06T16:02:22Z")

</div>

Thanks @twestrick. Last step is very complex for me. Ionic let me down. ☹

---

<div class="post-metadata">

**Author:** ![twestrick](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/twestrick/32/136131_2.png) [@twestrick](https://forum.ionicframework.com/u/twestrick)\
**Post date:** [April 6, 2023, 4:08pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/10 "2023-04-06T16:08:59Z")

</div>

I would agree there should be an easier way. Someone else did create an issue to add tags to the starter project by Ionic version - [Feature Request: Tag Major Versions of Ionic Framework · Issue #1747 · ionic-team/starters · GitHub](https://github.com/ionic-team/starters/issues/1747). Then an option could be added in the Ionic CLI `start` command to pass in the tag/version to be used.

---

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 6, 2023, 4:14pm UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/11 "2023-04-06T16:14:27Z")

</div>

I think it is right to add this option. Thanks for your time and your support

---

<div class="post-metadata">

**Author:** ![NathanPerkins](https://avatars.discourse-cdn.com/v4/letter/n/f05b48/32.png) [@NathanPerkins](https://forum.ionicframework.com/u/NathanPerkins)\
**Post date:** [April 21, 2023, 9:56am UTC](https://forum.ionicframework.com/t/create-old-ionic-6-app/232469/12 "2023-04-21T09:56:50Z")

</div>

> [@twestrick](#):
>
> > ****
> >
> > Thanks for sharing that link with us. [i was reading this](https://writinguniverse.com/free-essay-examples/drunk-driving/) topic because I want to write an assignment on drunk driving and when I was searching for it online on google search, I also found your post link.
> 
> I would agree there should be an easier way. Someone else did create an issue to add tags to the starter project by Ionic version - [Feature Request: Tag Major Versions of Ionic Framework · Issue #1747 · ionic-team/starters · GitHub](https://github.com/ionic-team/starters/issues/1747). Then an option could be added in the Ionic CLI `start` command to pass in the tag/version to be used.

Thanks for the link, you made my day 🙂