Fixed tabbar not working on phone, but on browser

I am using Framework7 with Phonegap and tried out the new F7 v5.0 features.
When i take the tab-template example from github and use
phonegap serve
on my browser everything works fine.

but on my phone, only the pop up, login screen, left and right panel work.
When i click on any of the bottom tab, it moves to the tab, but its content is not loaded.

Could this be anything with the CSP in the head of my index.html ?

The router paths were wrong! I was using an absolute path with a dot but the correct form is this:

url: ‘pages/add_shop.html’,