Initial Page route works fine on preview but not working on emulator/android device

im using f7 version 7,

with this docs View / Router | Framework7 Documentation

i was manage to get initial page route works fine on web but not working while running using emulator/android device

this is my routes config

var routes = [
  // Index page
  {
    path: '/',
    component: './pages/view-main.html',
  },

and this is my app initialization:

// Init App
var app = new Framework7({
  el: '#app',
  view: {
    browserHistory: true,
  },
  store, // apps/store.js
  routes, // apps.routes.js
  on: {
    init: () => {
      console.log('app.init')     
    },
  }
});

// setup the main view
const viewMain = app.views.create('.view-main', {
  url: '/',
});

please help how to resolve this, thanks b4

nvm, found a solution im looking for here