angularjs - Grunt Build 无法使用 Bower 安装的组件

Question

我正在尝试运行

grunt build

来自创建的目录

yo angular

我通过 Bower 安装了 angular-ui-bootstrap。在本地我需要添加

<script src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

到我的index.html 和

angular.module('app', ['ngResource', 'ngCookies', 'ui.bootstrap'])

到我的app.js。然而，每次我尝试构建应用程序时，我都会收到此错误

错误:没有模块:ui.bootstrap 错误时 () 在/Users/nicholasshook/Angular/Pokerfund/Angular_app/App/Components/Angular/Angular.js:1104:17 确保(/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:1045:38) 在模块(/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:1102:14) 在/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2768:24 at Array.forEach( native ) 在 forEach (/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:131:11) 在 loadModules (/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2764:5) 在/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2769:38 at Array.forEach( native ) 类型错误:无法读取未定义的属性“awesomeThings” 为空。 (/Users/nicholasshook/angular/pokerfund/angular_app/test/spec/controllers/main.js:20:17)

Answer 1

如果您通过 Bower 安装了 ui-bootstrap，您还需要更新您的 karma.conf.js 以使 grunt 测试通过。

在文件 karma.conf.js 中添加 ui-bootstrap-tpls.min.js 条目:

// list of files / patterns to load in the browser
files = [
  JASMINE,
  JASMINE_ADAPTER,
  'app/components/angular/angular.js',
  'app/components/angular-mocks/angular-mocks.js',
  'app/components/angular-bootstrap/ui-bootstrap-tpls.js',
  'app/scripts/*.js',
  'app/scripts/**/*.js',
  'test/mock/**/*.js',
  'test/spec/**/*.js'
];