注入'ui.router'时出现错误模块 [英] Error Module when inject 'ui.router'

问题描述

当我使用 ui.router 时，我收到错误消息错误模块"并且无法实例化模块 xPlat.在 html 文件中，我使用 angular-ui-router 版本 0.2.11

When I use the ui.router, I got the error message "Error Module" and it failed to instantiate module xPlat. In html file I use the angular-ui-router verson 0.2.11

下面是我对 ui.route 的注入:

below is my injection of ui.route :

(function () {
    'use strict';
    angular.module('xPlat', ['ui.router'])
    .config(function ($stateProvider) {
        $stateProvider
            .state('views', {
                url: '/views',
                templateUrl: 'views/item.html'
            })
            .state('views.posItem', {
                url: '/views',
                templateUrl: 'views/posItem.html'
            })
            .otherwise('/views');
    })
})();

我不明白，为什么会出错?

I don't understand about it, why it error?

这是我得到的错误:

错误:error:modulerr模块错误

Failed to instantiate module xPlat due to:
TypeError: undefined is not a function
    at http://localhost:4400/scripts/app.js:14:14
    at Object.d [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:30:210)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:29:58
    at Array.forEach (native)
    at q (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:7:261)
    at e (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:28:374)
    at Xb (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:32:427)
    at c (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:17:315)
    at Wb (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:18:30)
    at Oc (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js:17:99

和错误描述:

当模块由于某些异常而无法加载时会发生此错误.上面的错误消息应该提供额外的上下文.

推荐答案

.otherwise('/views');用于 $urlRouterProvider 而不是 $stateProvider

.otherwise('/views'); is for the $urlRouterProvider not the $stateProvider

(function () {
'use strict';
angular.module('xPlat', ['ui.router'])
.config(function ($urlRouterProvider, $stateProvider) {
    $urlRouterProvider.otherwise('/views');
    $stateProvider
        .state('views', {
            url: '/views',
            templateUrl: 'views/item.html'
        })
        .state('views.posItem', {
            url: '/views',
            templateUrl: 'views/posItem.html'
        })            
})
})();

这篇关于注入'ui.router'时出现错误模块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！