無法在樣板文件中加載angular-bootstrap模塊angularjs應用程序

我啓動了一個AngularJS項目，以angular-seed開頭，感受它。無法在樣板文件中加載angular-bootstrap模塊angularjs應用程序

我試圖加載angular-bootstrap，但是當我添加模塊在我的app.js文件的依賴性：

angular.module('myApp', [ 
    'ngRoute', 
    'ui.utils', 
    'ui.bootstrap', //<------ 
    'myApp.filters', 
    'myApp.services', 
    'myApp.directives', 
    'myApp.controllers' 
])

我收到以下錯誤，當我運行我的應用程序：

[$injector:nomod] Module 'ui.bootstrap' is not available! 
You either misspelled the module name or forgot to load it. 
If registering a module ensure that you specify the dependencies as the second argument.

我已經安裝角的引導程序和文件都在我的app/bower-components目錄：

├── angular-bootstrap 
│   ├── bower.json 
│   ├── ui-bootstrap.js 
│   ├── ui-bootstrap.min.js 
│   ├── ui-bootstrap-tpls.js 
│   └── ui-bootstrap-tpls.min.js

根據安裝說明中的設置，我在我的index.html文件中引用了bootstrap.css和angular.js。

我知道還有另一個問題，詢問有關Error: [$injector:nomod] Module 'ui.bootstrap' is not available! while Karma run in webstorm中的這個相同的錯誤，但這是爲了運行Karma測試，我甚至無法讓模塊加載就運行應用程序。

來源

2014-09-05 roy

請向我們顯示或鏈接到您的index.html頁面？ – 2014-09-05 02:41:22

對你的問題沒有評論，但爲什麼你需要'ui-bootstrap.js'和'ui-bootstrap-tpls.js'？ tpls是超集，它是ui-bootstrap.js加模板。 – PSL 2014-09-05 02:41:51

@PSL，這就是運行'bower install angular-bootstrap'後它是如何運行的 – roy 2014-09-05 02:45:35

一定要有包括鏈接到JS文件

<link rel="stylesheet" href="bower_components/html5-boilerplate/css/ui-bootstrap.css">

來源

2014-10-27 11:54:49 Nicwenda

你還應該添加引導（涼亭安裝引導），以我們的應用程序和includ

引導/距離/ JS /引導.min.js在我們的應用程序中

來源

2017-08-11 10:30:33

無法在樣板文件中加載angular-bootstrap模塊angularjs應用程序

回答

相關問題