Unable to integrate angular 2 app with jauery mobile. :(

See more:

jQuery

AngularJs

I have created the sample Angular2 application, while integrating with jquery mobile,it is showing the error: "

zone.min.js:1 Uncaught TypeError: Cannot read property 'zone' of undefined

"
I added "

<script src="scripts/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="themes/daysi_ab_17032016.min.css" />
    <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.min.css" />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic' rel='stylesheet' type='text/css'>
    <script src="SCRIPTS/jquery.mobile-1.4.5.min.js"></script>
    <script>
    $(document).bind('mobileinit', function () {
    $.mobile.changePage.defaults.changeHash = false;
    $.mobile.hashListeningEnabled = false;
    $.mobile.pushStateEnabled = false;
    });
    </script>     
    <!-- slider-->
    <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.glide.min.js"></script>

" in my index.html then nothing works.
but if I comment the above given script "<script src="SCRIPTS/jquery.mobile-1.4.5.min.js"></script> then the application works without error. But That is thevscript which i need the most. :(

What I have tried:

I googled, but couldn't find any related answer or article.