Ionic create a slide introduction issue

Ionic Framework ionic-v3
1

I am following the tutorial below to create a slide introduction: https://www.joshmorony.com/creating-a-sliding-introduction-component-in-ionic-2/

But have an error when I set below:

this.rootPage = 'Intro';

the error is:

ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined

Anyone know how to solve? Thanks a lot~

2

Hello,
it looks like that ‘Intro’ is a lazy loaded page. Is your Intro prepared for lazy loading?

Best regards, anna-liebt.

3

@Nulra look it’s @Joshmorony, maybe he can help? :smiley:

Where you defining length?

ptrzyna commented a day ago:
Adding missing environment file fixed this form me.

Regards,
Neonic1

4

My slide code is just hardcode as below:

<ion-content>
 <ion-slides pager>
  <ion-slide>
   <img src="assets/img/1_zh.jpg" width="100%" height="auto">
  </ion-slide>

  <ion-slide>  
   <img src="assets/img/2_zh.jpg" width="100%" height="auto">
  </ion-slide>

  <ion-slide>  
   <img src="assets/img/3_zh.jpg" width="100%" height="auto">
  </ion-slide>

  <ion-slide>  
   <img src="assets/img/4_zh.jpg" width="100%" height="auto">
  </ion-slide>

  <ion-slide>
   <ion-row>
    <ion-col> 
     <img src="assets/img/5_zh.jpg" width="100%" height="auto">
    </ion-col>
  </ion-row>
  <ion-row>
   <ion-col>
    <button ion-button style="background-color:#17B97E; color:#FFFFFF;" (click)="goToHome()">{{ 'Firstguide.start' | translate }}</button>
   </ion-col>
  </ion-row>    
 </ion-slide>

 </ion-slides>

</ion-content>

How to define the length?

5

remove the quote and check!

6

Hi, thanks for your reply first, after remove the quote the issue still happen:cry:

7

One of the big Ionic Youtuber’s have a tutorial on this,

https://www.youtube.com/watch?v=1oqlmtnbBuk

He uses the Ionic Slides as well. :wink: