Question

我实际上是在尝试使用$ stateProvider路由但它会给出错误;未捕获错误：[$ injector：modulerr]无法实例化模块moduleTry由于：错误：[$ injector：unpr]未知提供者：$ stateProvider

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

Index.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"
                })
             }]);

Error image

Answer 1

如果您首先执行正确的setter init

，则会出现该错误

(function(){

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

})();

然后......不小心 - 重新定义它

angular.module('moduleTry',[])

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

angular.module("moduleTry",)

错了，一定是

angular.module("moduleTry")

ui-router依赖包括仍然出错[$ injector：unpr]未知提供者：$ stateProvider

1 个答案: