首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >包含的ui路由器依赖项仍收到错误[$injector:unpr] Unknown provider:$stateProvider

包含的ui路由器依赖项仍收到错误[$injector:unpr] Unknown provider:$stateProvider
EN

Stack Overflow用户
提问于 2017-01-20 15:56:57
回答 1查看 208关注 0票数 1

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

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

Index.htmI

代码语言:javascript
复制
<!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

代码语言:javascript
复制
(function(){

    angular.module('moduleTry',[
    'ui.router'
    ])

})();

try.config.js

代码语言:javascript
复制
(function(){
    "use-strict"


})();

try.controller.js

(function(){ "use-strict";

代码语言:javascript
复制
angular.module("moduleTry",)

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

try.route.js

代码语言:javascript
复制
"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"
                })
             }]);

Error image

EN

回答 1

Stack Overflow用户

发布于 2017-01-20 16:08:49

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

代码语言:javascript
复制
(function(){

    angular.module('moduleTry',[
    'ui.router'
    ])

})();

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

代码语言:javascript
复制
angular.module('moduleTry',[])

如果你检查你的控制器代码,你会发现有一个非常接近它的类型

代码语言:javascript
复制
angular.module("moduleTry",)

这是错误的,一定是错误的

代码语言:javascript
复制
angular.module("moduleTry")
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41758651

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档