は角度

のモジュールUI-ブートストラップをインスタンス化できませんでした私は、私は私のモジュールのUI-ブートストラップの依存関係を持っていると私は図書館をインポートけど私のアプリでは角度

[$injector:modulerr] Failed to instantiate module RecipeSite due to: 
Error: [$injector:modulerr] Failed to instantiate module ui-bootstrap due to: 
Error: [$injector:nomod] Module 'ui-bootstrap' is not available! You either misspelled the module name or forgot to load it.

を、角度、ブートストラップロード取得の問題を抱えていますまだ問題があります。私はこれに似たポストを見ていて遊んでいましたが、コンソールエラーが消えるようには見えません。提案がありますか？まず

var app = angular.module('RecipeSite', ['ngRoute', 'ngAnimate', 'ui-bootstrap']);

index.htmlを

<!DOCTYPE html> 
<html ng-app="RecipeSite"> 
<head> 
    <title>Directives Practice</title> 


<script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
     <link rel="stylesheet" type="text/css" href="app.css"> 
    <script src="app.js"></script> 
</head> 
<body> 
    <div class="container"> 
    <div id="header"> 
     <div class="row"> 

     <div class="col-md-offset-3 col-md-6"> 


      {{"Test Site"}} 


      </div> 
</div> <!--end row--> 
<hr class="hrstyle"> 

     </div> <!--end header--> 


    </div> <!--end container--> 

    <div class="container"> 
    <div class="row"> 




</div> 

</div> 

</body> 
</html>

出典

2016-08-14 user6680

app.jsは、あなたがバウアーとangular-bootstrapをインストールする必要があります。

bower install angular-bootstrap

また、あなたがタイプミスがあり、それはですui.bootstrapではなく、ui-bootstrapです。

にご moduleを変更

：私はそれを更新し、現在に起因して、モジュールui.bootstrapをインスタンス化に失敗します

var app = angular.module('RecipeSite', ['ngRoute', 'ngAnimate', 'ui.bootstrap']);

出典

2016-08-14 16:03:49 developer033

：エラー：[$インジェクター：nomod]モジュールのui.bootstrap」は使用できません！ – user6680

質問を変更しないでください！または答えが全く意味をなしません！ – developer033

申し訳ありません。私はその部分に触れません。しかし、コードで私は今このエラーが発生します – user6680

答えて

関連する問題