Router.navigate not working after Build

Questions
1

hello
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');
      $$("#upload3").on('click',function(){
      alert("GG");
          mainView.router.navigate({ name: 'upload' });
        });

 index.html 
  <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 ’

2

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

E.g.

routes.js
{
path: '/upload/',
url: './pages/upload.html'
}

mainView.router.navigate("/upload/");

3

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

4

any update , ? i try everything but no working

5

Could u fix the problem?