npm install
and your Ionic app will be ready. ion-datetime
component (just in PRO version)src/polyfills.ts
and src/zone-flags.ts
in your project.src/polyfills.ts
and src/zone-flags.ts
in your project.npm i date-fns
npm install
and your Ionic app will be ready. .eslintrc.json
file. Go to this file and add the following code inside the rules
object.app
objectapp
prefix to the forms-validations-page
and forms-filters-page
components selectors. Page
or Component
suffix to the PageNotFound
component.FirebaseAuthService
ngAfterViewInit
from the WalkthroughPage
npm install --save @ionic/[email protected] @ionic/[email protected]
FirebaseAuthService
we changed a bit this code inside the service constructor. FirebaseSignInPage
we did some minor changes in the following code.npm install --save @ionic/[email protected] @ionic/[email protected]
npm install @angular/[email protected] [email protected] --save
npm install --save [email protected]
npm install --save [email protected]
npm install --save-dev @commitlint/[email protected]
npm install --save-dev @commitlint/[email protected]
npm install --save-dev [email protected]
npm install --save-dev [email protected]
npm install --save @ngx-translate/[email protected]
npm install --save @ngx-translate/[email protected]
src/tsconfig.app.json
and set "angularCompilerOptions": { "enableIvy": true }
image-shell
component as well as image load error handler and stylings.Sass
include paths.angular.json
file to ease the developer experience when importing shared Sass mixins and files.RxJs
nested subscriptions.HttpClientModule
imports from lazy modules to the AppModule
./app
should redirect to /app/categories
instead of showing a blank screen.src/environments/environment.ts
/www
, the compilation process will generate outputs both for browser and server environments. You will find those outputs under /dist/app/browser
and /dist/app/server
.capacitor.config.json
and change the webDir property from 'www'
to 'dist/app/browser'
firebase.json
and change the hosting public property from 'www'
to 'dist/app/browser'
@ionic/angular
and @ionic/angular-toolkit
to the latest releaseNow most packages should be updated, just to be sure, we also need to update these
Angular 9 and its new rendering engine (Ivy renderer) are officially supported in Ionic 5.
src/tsconfig.app.json
@NgModule
. In BASIC version, Ivy is enabled by default, so there are not entryComponents. In PRO Ivy isn't enabled so we have entryComponents in the following modules: SignupPageModule, FirebaseUserDetailsPageModule and FirebaseListingPageModulesrc/app/signup/signup.module.ts
:ng update @angular/core @angular/cli
npm install @ionic/[email protected] --save
npm install @angular-devkit/[email protected] --save-dev
ngOnDestroy()
method, but Ionic apps only call ngOnDestroy()
if the page was popped (ex: when navigating back). Since ngOnDestroy()
might not fire when you navigate from the current page, we will use ionViewWillLeave()
to cleanup Subscriptions.We added more flexibility to opt-out from DataStore resolvers
state
property).utils/resolver-helper.ts
) to abstract the procedure of extracting the data source. travel-listing.module.ts
or travel-details.module.ts
and switch between resolvers. No need to update code in any other file.
npm outdated
and update your outdated libraries:<ion-list-header>
should be wrapped in an <ion-label>
in order to get the proper styling of the new design.ImageShellComponent
mode property so we renamed it to display. main
attribute and introduced contentId
instead. <ion-menu>
:IonicModule.forRoot()
, we should only call IonicModule.forRoot()
once in our main app module..plt-mobile.md
for just .md
. Same for .plt-mobile.ios
"firebase": "^7.2.3"
because it was causing some errors with the new node LTS version.@ionic/angular
and @ionic/angular-toolkit
to the latest releases:@angular/core
and @angular/cli
:@angular-devkit
dependencies:utils/shell-provider.ts
to shell/data-store.ts
src/assets/config
and not in src/environments.
Failed to construct 'HTMLElement': Please use the 'new' operator
<app-text-shell>
and <app-image-shell>
components. Added new animations options and simplified it’s usage. (Also added new demos in the showcase section)src/app/app.component.html
and src/app/side-menu/styles/side-menu.scss
have minimal changesng update @angular/cli
ng update @angular/core
ng update rxjs
npm i -g ionic
(Remember the Ionic CLI is a global npm package)npm install @ionic/angular --save
@ionic/ng-toolkit
, @ionic/schematics-angular
) in favor of @ionic/angular-toolkit
(see: https://github.com/ionic-team/starters/pull/487#issue-220835980)npm uninstall @ionic/ng-toolkit
npm uninstall @ionic/schematics-angular
src/theme/app-defaults.scss