Router.navigate not working after Build

i have use Framewrok7 with Webpack ,

import HomePage from '../pages/home.f7.html';
import upload from '../pages/upload.f7.html';
import imgprocess from '../pages/imgprocess.f7.html';
import about from '../pages/about.f7.html';

import NotFoundPage from '../pages/404.f7.html';

var routes = [
    path: '/',
    component: HomePage,
  { name:'upload',
    path: '/upload/',
    component: upload,
   { name:'imgprocess',
    path: '/imgprocess/',
    component: imgprocess,
    { name:'about',
    path: '/about/',
    component: about,

    path: '(.*)',
    component: NotFoundPage,

export default routes;

i have a button when click , it must go to page ‘upload’

     var mainView = app.view.get('.view-main');
          mainView.router.navigate({ name: 'upload' });

  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap: content:">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui, viewport-fit=cover">

*i have install cordova whitelist and make *
when test my app on browser pc is working fine and the app going to page ‘upload’ after click
but i make build to my app vi Framework7 Cli

and install APk on my phone
when i press button alert(“GG”); is show message GG , but navigate not working and he dont take me to page ’ upload ’

Don’t use name use its path as defined in routes.


path: '/upload/',
url: './pages/upload.html'


thanks . but is not working too ,
in browser is work ,
after i build to apk , not working

any update , ? i try everything but no working

Could u fix the problem?