ui-router依存関係にはまだエラーがあります。[$ injector：unpr]不明なプロバイダ：$ stateProvider

実際に$ stateProviderルーティングを使用しようとしていますが、エラーになります。未知のエラー：[$ injector：modulerr]モジュールモジュールのインスタンス化に失敗しました：エラー：[$ 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

を（助けてくださいfunction（）{ "私たちe-厳格 "とする。

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

出典

2017-01-20 Karan Bahuguna

try.routeに$状態を注入してみなければなりません.js configを実行し、問題が解決するかどうかを確認します。 – rrd

$ stateをtry.route.jsに含めることを試みましたが、問題はそのまま残りました。 –

あなたはまず、その後

(function(){ 

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

})();

とinit正しいセッターを行うならば、エラーが誤って..と思われます - それを再定義する

angular.module('moduleTry',[])

そして、あなたはあなたのコントローラのコードをチェックすると、間違っていることに非常に近いタイプ

angular.module("moduleTry",)

があり、それは

angular.module("moduleTry")

出典

2017-01-20 08:08:48

私は変更を加え、すべてのjsファイル、つまりtry.app.js、try.controller.js、try.route.jsでangular.module（ "moduleTry"）を使用しましたが、問題は同じままです。 –

あなたはプランカーを作成し、どのように壊れているかを示すことができます。一つの鉱山があります..働いています。問題を再現するよう調整する、私はそれを支援する準備ができているhttp://plnkr.co/edit/4pjoofCXq444kjXLqGx8?p=preview –

ありがとう。私はplunkerを作成しました。私はindex.htmlのファイルをプロジェクトに含めています。変更が必要な場合は教えてくださいhttps://plnkr.co/edit/PZefP3aF2kmxL7tGaIVZ?p=preview。 –

ui-router依存関係にはまだエラーがあります。[$ injector：unpr]不明なプロバイダ：$ stateProvider

答えて

関連する問題