ui路由器依赖项包括仍在获取错误[$injector:unp]未知提供程序:$stateProvider



我实际上正在尝试使用$stateProvider路由,但它给出了错误;未捕获错误:[$injector:moduler]未能实例化模块moduleTry,原因是:错误:[$injector:unp]未知提供程序:$stateProvider

angular-ui-router.js包含在我的索引页面中angular.js文件之后。我在我的app.js文件中也包含了ui路由器依赖项。即使经过大量研究,我也无法得到答案。请帮助

索引.htmI

<!DOCTYPE html>
<head>

<script src="app/vendors/angular-1.4.8/angular.js"></script>
<script src="app/vendors/angular-1.4.8/angular-ui-router.js"></script>
<script src="app/vendors/angular-locale_en-in.js"></script>
<script src="app/assets/css/styles.css"></script>
<script src="app/scripts/try.app.js"></script>
<script src="app/scripts/try.config.js"></script>
<script src="app/scripts/try.controller.js"></script>
<script src="app/scripts/try.router.js"></script> 

</head>
<body ng-app="moduleTry">
<h2>AngularJS Ui router - Demonstration</h2>
<div class="container">
<a href="#home"></a>Home</li>
<a href="#about-us"></a>About</li>
</div>
<div ui-view>
</div>
</div>
</body>
</html>

try.app.js

(function(){
angular.module('moduleTry',[
'ui.router'
])
})();

try.config.js

(function(){
"use-strict"

})();

try.controller.js

(函数(){"严格使用";

angular.module("moduleTry",)
.controller('tryController',['$scope',function($scope){
$scope.name ="Karan";
}]);
})();   

try.route.js

"use-strict";
angular.module('moduleTry')
.config(["$stateProvider", "$urlRouterProvider", function($stateProvider, $urlRouterProvider){
$urlRouterProvider.otherwise("/home");
$stateProvider
.state("home",{
url: "/home",
templateUrl: "Template/template1.html"
})
.state("about-us", {
url: "/about-us",
templateUrl: "Template/template2.html"
})
}]);

错误图像

如果您首先执行正确的setter init ,则会出现该错误

(function(){
angular.module('moduleTry',[
'ui.router'
])
})();

然后。。意外-重新定义它

angular.module('moduleTry',[])

如果你检查你的控制器代码,有一种类型非常接近

angular.module("moduleTry",)

那是错误的,一定是

angular.module("moduleTry")

最新更新