Currently the Ionic Dashboard and ionic CLI init command generate an Ionic v5 project.
I want to use the latest Ionic v6 (which is also stable now).
Is there an empty/boilerplate for an Ionic v6 app?
When I just update to v6 in a v5 project, the app becomes empty,
so some adjustments are still required.
Related GitHub issue (ionic CLI):
opened 02:12PM - 13 Dec 21 UTC
triage
**Description:**
The `6.x` release of `ionic` CLI `start` doesn't create a proj… ect/app that uses `ionic` `v6`, but rather it still uses `v5` instead.
Manually updating the dependencies to `v6` results in a blank page, as the boilerplate is not compatible/running with `ionic` `v6`.
**Steps to Reproduce:**
1. Install the (latest) `v6` release of the `ionic` CLI (`npm install -g @ionic/cli@6`)
2. Invoke the `ionic` CLI to start/create a new app/project.
3. (I selected react as underlying app framework).
Note that the newly created app/project still uses `ionic` `v5` instead of `v6` (see the generated `package.json`):
```json
"@ionic/react": "^5.5.0",
"@ionic/react-router": "^5.5.0",
"ionicons": "^5.4.0",
````
Just manually updating these packages to `6.x` results in no build/watch or JavaScript console errors,
but a blank page when loading in browser (react), as the generated boilerplate is incompatible with `ionic` `v6`.
**Output:**
(Not applicable)
**My `ionic info`:**
```
ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'
Require stack:
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/project/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/bin/ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package'
Require stack:
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/project/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/bin/ionic
Ionic:
Ionic CLI : 6.18.1 (/home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 5.9.2
Capacitor:
Capacitor CLI : 3.3.3
@capacitor/android : not installed
@capacitor/core : 3.3.3
@capacitor/ios : not installed
Utility:
cordova-res : 0.15.4
native-run : 1.5.0
System:
NodeJS : v14.17.6 (/home/build/.nvm/versions/node/v14.17.6/bin/node)
npm : 8.3.0
OS : Linux 5.10
```
ionic cli v6 now generates v6 apps:
opened 02:12PM - 13 Dec 21 UTC
closed 11:45PM - 13 Dec 21 UTC
triage
**Description:**
The `6.x` release of `ionic` CLI `start` doesn't create a proj… ect/app that uses `ionic` `v6`, but rather it still uses `v5` instead.
Manually updating the dependencies to `v6` results in a blank page, as the boilerplate is not compatible/running with `ionic` `v6`.
**Steps to Reproduce:**
1. Install the (latest) `v6` release of the `ionic` CLI (`npm install -g @ionic/cli@6`)
2. Invoke the `ionic` CLI to start/create a new app/project.
3. (I selected react as underlying app framework).
Note that the newly created app/project still uses `ionic` `v5` instead of `v6` (see the generated `package.json`):
```json
"@ionic/react": "^5.5.0",
"@ionic/react-router": "^5.5.0",
"ionicons": "^5.4.0",
````
Just manually updating these packages to `6.x` results in no build/watch or JavaScript console errors,
but a blank page when loading in browser (react), as the generated boilerplate is incompatible with `ionic` `v6`.
**Output:**
(Not applicable)
**My `ionic info`:**
```
ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'
Require stack:
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/project/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/bin/ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package'
Require stack:
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/project/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/lib/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/index.js
- /home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli/bin/ionic
Ionic:
Ionic CLI : 6.18.1 (/home/build/.nvm/versions/node/v14.17.6/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 5.9.2
Capacitor:
Capacitor CLI : 3.3.3
@capacitor/android : not installed
@capacitor/core : 3.3.3
@capacitor/ios : not installed
Utility:
cordova-res : 0.15.4
native-run : 1.5.0
System:
NodeJS : v14.17.6 (/home/build/.nvm/versions/node/v14.17.6/bin/node)
npm : 8.3.0
OS : Linux 5.10
```
## Additional information
The app builder (Ionic Dashboard) creates `v5` apps, too, and not `v6` apps either.