Question

我尝试使用UI路由器开发路由，我在调试时收到错误。

我收到以下错误：

Error: [$injector:modulerr] Failed to instantiate module uidemo due to: urlRouterProvider is not defined

我在JS文件中传递依赖性，如下所示：

var app= angular.module("uidemo",['ui.router']);

我在我的HTML文件中包含对js文件的引用，如下所示。

<script type="text/javascript" src="libs/angular.js"></script>
<script type="text/javascript" src="libs/angular-ui-router.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="views/home/homeCtrl.js"></script>
<script type="text/javascript" src="views/dashboard/dashboardCtrl.js"></script>

我出现此错误的原因是什么？如何解决。

app.config(function($stateProvider, $urlRouterProvider){ 
    urlRouterProvider.otherwise('/home'); 
    $stateProvider.state('home', { 
        'url':'/home', 
        'templateUrl':"views/home/home-tpls.html", 
        'controller':"homeCtrl as home" 
    }).state('dashboard', { 
        'url':'/dashboard', 
        'templateUrl':"views/dashboard/dashboard-tpls.html", 
        'controller':"dashboardCtrl as db" 
})

Answer 1

您的配置问题似乎与您的

有关

app.config(function($stateProvider, $urlRouterProvider){ 
    urlRouterProvider.otherwise('/home');

应该改为

app.config(function($stateProvider, $urlRouterProvider){ 
    $urlRouterProvider.otherwise('/home');

你只需要在urlRouterProvider前面加上一个$

错误：[$ injector：modulerr]由于以下原因无法实例化模块uidemo：urlRouterProvider未定义

1 个答案: