Create Old Ionic 6 app

Ionic Framework
1

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?

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
2
1 Like
3

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:

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

and

<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

4

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

npm install @ionic/angular@v6-lts
1 Like
5

This command before to create the app with:

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

right?

6

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

7

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

npm install @ionic/angular@v6-lts

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

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

8

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
9

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

10

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. Then an option could be added in the Ionic CLI start command to pass in the tag/version to be used.

1 Like
11

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

12

Thanks for the link, you made my day :slight_smile: