angularjs - ionic 路由 TypeError : $state. $current.locals 未定义

Question

我有一个问题，我需要在 ionic 中创建路由，所以当我像这样放置我的库时

 <script type="text/javascript" src="cordova.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/css/ionic.css" rel="stylesheet">

<link rel="stylesheet" href="SRC/Bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="SRC/Bootstrap/css/font-awesome.css" />
<script src="SRC/JQuery/JQuery.js"></script>
<script src="SRC/Bootstrap/js/bootstrap.min.js"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.js"></script>
<script src="https://cdn.rawgit.com/zachsoft/Ionic-Material/master/dist/ionic.material.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-aria.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-resource.js"></script>

我有这个错误

TypeError: $state.$current.locals is undefined

但是当我将 Angular-ui-router 放在 ionic libs 之前

 <script type="text/javascript" src="cordova.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/css/ionic.css" rel="stylesheet">

<link rel="stylesheet" href="SRC/Bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="SRC/Bootstrap/css/font-awesome.css" />
<script src="SRC/JQuery/JQuery.js"></script>
<script src="SRC/Bootstrap/js/bootstrap.min.js"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-route.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.3/angular-ui-router.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.js"></script>
<script src="https://cdn.rawgit.com/zachsoft/Ionic-Material/master/dist/ionic.material.min.js"></script>



<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-aria.js"></script>

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">


<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.4/angular-resource.js"></script>

我有这个错误

Error: transition superseded Trace de la pile : $get@https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js:51771:42

Error: transition prevented Trace de la pile : $get@https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js:51772:41

Error: transition aborted Trace de la pile : $get@https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js:51773:39

Error: transition failed Trace de la pile : $get@https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.bundle.js:51774:38

那么我必须把我的库放在哪里？

这是我的简单路线

 routeApp.config(function($stateProvider, $urlRouterProvider) {

        $stateProvider
            .state('app', {
                url: '/app',
                templateUrl: 'Template/side-menu-template.html',
                abstract: true
            });

        $urlRouterProvider.otherwise('/app');


    });

html

<ion-nav-view ></ion-nav-view>

如果有人可以帮助我

提前致谢

Answer 1

我也面临着同样的问题。我无法找出正确的修复方法(似乎对库版本不兼容做了一些事情)。

作为解决方法，我已替换

<ion-nav-view ></ion-nav-view> 

与

<div ui-view> </div>