Grunt构建不能与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。但是，每次我尝试构建应用程序时，我都会收到这个错误

Error: No module: /Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:1104:17 at Error () at Error:No module : ui.bootstrap at Error() at ensure (/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:1045:38) at module (/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:1102:14) at/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2768:24 at Array.forEach (本地) at forEach /Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2768:24 at forEach/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2768:24 at Array.forEach (/Users/nicholasshook/angular/pokerfund/angular_app/app/components/angular/angular.js:2764:5) at loadModulesArray.forEach (本机)TypeError处的_app/app/components/angular/angular.js:2769:38 :无法读取未在null处定义的属性'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'
];

Answer 2

以下是一些想法：

脚本确认在您安装bower时，文件已从其存储库中成功下载，并且实际上已添加到文件结构中您在脚本标记中列出的位置，即components/angular-bootstrap/ui-bootstrap-tpls.min.js.

• Confirm

1. <script src="components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>标记的正确顺序，即需要在<script src="scripts/app.js"></script>之前列出您的脚本标记。如果不是，这就解释了为什么app.js找不到模块'ui.bootstrap'.

希望其中的一个能帮到你。我使用了bower install angular-bootstrap，没有任何问题。

Answer 3

或者，如果karma.conf.js不是罪魁祸首，请验证您添加的任何新库都已在grunt的vendor_files下的build.config.js中注册。那是我的问题。