Nrthugu

I'm working on an Ionic app. It's based on code I wrote last year using Ionic 2. I've since upgraded my laptop and gone through the usual process of installing all my goodies again, including making the leap to the most recent versions of Ionic 3 and Cordova. I've mutilated my app, testing it as I go using $ ionic serve -c and devApp. All seemed to be working fine until I got o actually build it for Android. It then turns out that there is a whole array of problems, from what I can see associated with lazy loading.

Basically, my starting code (Ionic 2) had lots of :

  import { DeviceviewPage } from '../pages/deviceview/deviceview';





  declarations: [ 

      DeviceviewPage,

     ...





  entryComponents: [

      DeviceviewPage,

type page declarations in app.module.ts. However, each page I auto-generated with Ionic created a pageModule.ts; page.ts pair geared towards lazy loading. So, stuck in between methodologies, I went off and google lazy loading to get everything into that format. Whereupon, the only thing that became clear was that Ionic Lazy Loading is not clear in most contributor's minds. Of the hundreds of forum Q&As, there is a definite spread of opinions as to how this should work.

Some insist that you should reference your individual modules in your app.module.ts.

import { DeviceviewPageModule } from '../pages/deviceview/deviceview.module';

and remove all references to the DeviceviewPage.ts.

I did this for a few pages and it seemed to hang together. But the wheels fell off when I got to a page which had another lazy loaded component within it. when I tried the approach above, I got he following error:

    Can't bind to 'data' since it isn't a known property of 'myComponent'.

1. If 'myComponent' is an Angular component and it has 'data' input, then verify that it is part of this module.

2. If 'myComponent' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

Upon looking into lazy Loading a bit more, it seems there's a bit more required than indicated by the above, and that the forum advise was just flat out wrong.

The following excellent resource:

https://github.com/learn-ionic/ionic3-lazy-loading-example

looks like it could be trustworthy. But as it would involve quite a substantial hack to bring my code into line with the methods used, I thought it might be prudent to call upon the might of the Stack to give it the seal of approval before I waste a heap of time (only to find that someone else has a better way of doing it, that I should learn!)

I hope this question, and moreso the answers are useful to others making the transition from Ionic 2 -> ionic 3, particularly those like me who know have next to no coding skill.