Cordova + Angular 4 + Typescript boilerplate template

angular cordova progressive-web-apps boilerplate
NavCore picture NavCore · Aug 18, 2017 · Viewed 8.4k times · Source

I'm working on a Web Progressive App using Angular 4. This app needs to be wrapped up in an Apache Cordova as a Hybrid app built for Android and iOS platforms.

I'm looking for a working boilerplate template for Cordova + Angular 4. Cordova is using www folder for web app and Angular 4 is using src folder for web app. How to merge this two together to work? Angular 'ng serve' should also work?

Answer

NavCore picture NavCore · Sep 10, 2017

I finally manage to solve my problem.

  • We need to merge Cordova "www" folder and angular "src" folder in one "src" folder where angular app should be.
  • package.json needs to be merged as well to fit for both Cordova and Angular.
  • Then, (thanks to Gangadhar Jannu for the tip), we need to change in ".angular-cli.json" property "outDir" to "www" because Cordova uses that folder for building their app.
  • Then we need to compile Angular app using CLI: "ng build --prod".
  • Finally build cordova app: cordova build android|browser|ios|..

Here is a working boilerplate:

https://github.com/NavCore/ngCordova

Related questions

Uncaught (in promise): cordova_not_available in Ionic 2

When I'm running my Ionic app with ionic serve -l command, get following error message: Runtime Error Uncaught (in promise): cordova_not_available Stack Error: Uncaught (in promise): cordova_not_available at v (http://localhost:8100/build/polyfills.js:3:4864) at s (…

Read More
How to handle "Go"/"Enter" keyboard button Ionic2 <ion-input>

What is the event to handle "enter" or "go" keyboard key on an input? The input is not used within a form. So clicking on it will not "submit". I just need the event. (Running android + Ionic 2 on Beta 11)

Read More
Ionic2 Error: "No provider for Storage"

After reading everything I could find, and failing, I must ask here: I am trying to use ionic2's Storage, just like the doc tells me to, doc: https://ionicframework.com/docs/storage/ here is my Code: app-module.ts import { …

Read More