Help Wanted: Test CLI tooling for Ionic Angular 4

Hi all! 👋

We’d love to have some help testing the tooling for Ionic Angular 4. This issue will document how to get started.

Start Testing

Make sure you have the latest CLI release candidate:

npm i -g ionic@rc

Enable the angular project type:

ionic config set -g features.project-angular true

Start a new app, choosing angular when prompted for project type:

ionic start

We don’t yet have a migration guide for existing apps, but we are keeping this list of breaking changes up to date.

Found an Issue?

Feel free to reply to this thread. If it’s complicated and you need more room, feel free to open a new issue.

If you find an issue with the framework, please open an issue in the framework repo.

[imhoffd]

Hi all! 👋 RC.8 is out which features some fairly dramatic differences, aligning more with Angular tooling than ever:

• Full support for Cordova build, run, and livereload on iOS and Android (finally)
  • This is done using @ionic/ng-toolkit and Angular architect commands and “builders” looking for this configuration: https://github.com/ionic-team/starters/commit/2b6e84687a9e6105c0a709cfe0a33627b29c2cdd#diff-2069b61c658907962ec68d54db4b4cf6R118
• Use npx ng generate directly. See npx ng g --help
  • This may not be the final recommendation (we still may want ionic generate)
  • npx ng g page is possible from this change: https://github.com/ionic-team/starters/commit/2b6e84687a9e6105c0a709cfe0a33627b29c2cdd#diff-2069b61c658907962ec68d54db4b4cf6R168
  • Should support all Angular schematics + the Ionic page schematic

I expect a few rough areas with this release, so please feel free to mention issues.

Testing Instructions

Install latest CLI RC and start a new project:

npm install -g ionic@rc
ionic config set -g features.project-angular true
ionic start

Update to beta version of the webview plugin 2.0. See repo: https://github.com/ionic-team/cordova-plugin-ionic-webview

ionic cordova plugin add cordova-plugin-ionic-webview@beta

Optionally install the Ionic Native wrapper for the webview plugin. See the PR: https://github.com/ionic-team/ionic-native/pull/2549

npm install @ionic-native/ionic-webview@beta

Use this.webview.convertFileSrc() instead of normalizeUrl() in v3 to convert File URLs from the Camera plugin, etc. (Now necessary for iOS and Android).

[imhoffd]

Hey folks, RC 4 is out and our starter has been updated with Angular 6!

We do have one known issue, which @rdlabo @sandangel mentioned: the new Angular CLI is expecting third-party schematics to be defined differently. We’re working to get this fixed, but at the moment the page generator does not work.