App.stepper.get dont work on INDEX page

Hello

  var homeView = app.views.create('#view-home', {
     url: '/',
    on: {
    pageAfterIn: function () {
      console.log('page init')
      let indexpage_basketstepper = app.stepper.get('.indexpage_basketstepper')
      console.log (indexpage_basketstepper)  // Undefined
     }
    }
    });

app.stepper.get does not find item on index page
I want to hang the event
On other pages works

Thanks

What is the full home page code?

Sorry for incorrect question.
page After In works when you click on the link

Need to add handlers when you start the application

For INDEX page I use “deviceready”

document.addEventListener("deviceready", function(){
  let indexpage_basketstepper = app.stepper.get('.indexpage_basketstepper')
  console.log (indexpage_basketstepper)
  
  indexpage_basketstepper.on('change', (e)=>{ 
   console.log ('indexpage_basketstepper')
  })},true);

This code is placed in the app.js

This code must be called AFTER your init the app, e.g. when app initialized:

var app = new Framework7(...);

  let indexpage_basketstepper = app.stepper.get('.indexpage_basketstepper')
  console.log (indexpage_basketstepper)
  
  indexpage_basketstepper.on('change', (e)=>{ 
   console.log ('indexpage_basketstepper')
  })},true);