Routing angularJs and cordova works in browser not android

I am trying to use route to create my first android application.

Everything seems working on browser but I have an blank screen when I compile it for android.

Looking like route doesn’t work… I tried to load my html in different way (deleting ‘./’ or ‘/’ etc…) but nothing changed.

This is how my code looks like:


import {test,maFonction,formulaire} from "/js/module/firstModule.js";

//document.addEventListener('deviceready', false);

let app = angular.module('app',['ngRoute']);   

app.config(function ($routeProvider) {
        templateUrl: 'partials/view/validate.html',
        controller: 'AccueilCtrl'
        templateUrl: 'partials/form/page_texte.html',
        controller: 'FormCtrl'
        redirectTo: '/'

app.controller('AccueilCtrl', maFonction);

app.controller('FormCtrl', formulaire);


function maFonction($scope) {
    $scope.titre = 'ma page d'accueil';
    $scope.myFunction = test;

function test() {
function formulaire($scope){
    $scope.titre = 'Ma page de formulaire'
export {test, maFonction, formulaire};

and my html:

<!DOCTYPE html>
<html ng-app="app">
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Security-Policy"
          content="default-src * data: gap: ws:; style-src 'self' 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *">
    <!--Import Google Icon Font-->
    <link rel="stylesheet" href="css/icon_Material_Icons.css">
    <!--Import materialize.css-->
    <link rel="stylesheet" href="css/materialize.min.css">
    <!--Import style.css-->
    <link rel="stylesheet" href="css/style_general.css">
    <!-- Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>App Caméra 360</title>


<div id="container">
    <div id="nav_bar">
        <!-- MENU SUPERIEUR -->
            <div class="nav-wrapper teal">
                <div id="icone_back" class="responsive-img icone_haut_gauche waves-effect waves-light">
                    <i class="large material-icons">arrow_back</i></div>
                <span id="titre_nav">Caméra 360 </span>

                <ul class="right">
                    <li><i id="nav_bar_icon_cel" class="nav_bar_icon material-icons right">signal_cellular_4_bar</i>
                    </li> <!-- signal_cellular_off -->

    <section ng-view>

    <!--    <div id="page_texte_div" type="form" class="row div_ecran" style="display:none;"></div>-->
    <!--    <div id="page_validate_div" type="view" class="row div_ecran" style="display:none;"></div>-->


<div>    <!-- SCRIPT JS -->
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" src="js/lib/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/lib/angular/angular.min.js"></script>
    <script type="text/javascript" src="js/lib/angular/angular-route.min.js"></script>
    <script type="text/javascript" src="js/lib/materialize.min.js"></script>
    <script type="text/javascript" src="js/lib/"></script>
    <script type="module" src="js/module/firstModule.js"></script>
    <script type="module" src="js/app.js"></script>
    <script type="text/javascript" src="js/initializer.js"></script>

    <!--    <script type="text/javascript" src="js/index.js"></script>-->
    <!--    <script type="text/javascript" src="js/Application.js"></script>-->
    <!--    <script type="text/javascript" src="js/Browser.js"></script>-->
    <!--    <script type="text/javascript" src="js/Page.js"></script>-->
    <!--    <script type="text/javascript" src="js/PageCheckbox.js"></script>-->
    <!--    <script type="text/javascript" src="js/PageTexte.js"></script>-->

As you notice it, I used module in HTML, I don’t know if I can use it l

Thank you !

Source: New feed
Source Url Routing angularJs and cordova works in browser not android