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

标签 angularjs yeoman gruntjs angular-ui-bootstrap

我正在尝试运行

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)

最佳答案

如果您通过 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'
];

关于angularjs - Grunt Build 无法使用 Bower 安装的组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16703707/

相关文章:

angularjs - 使用 NGINX 在 Ubuntu 云服务器上托管 NodeJS(Express 和 Angular)项目

angularjs - 当一个对象引用另一个对象时,Angular JS : angular. 副本会导致浏览器崩溃

javascript - Yeoman:从缓存中安装依赖项

javascript - Yeoman 不会搭建 Backbone 应用程序

javascript - 无法让我的 JavaScript babel 工作

javascript - 为什么 Controller 函数不执行 Angular Js 1.5.5

javascript - Angularjs - Kineticjs Canvas toDataUrl 无法在 Chrome 上工作 - 同一域上的图像

Javascript 方法执行顺序

node.js - 如何开始使用 yeoman 和 Three.js?

css - 使用 Grunt 缩小时命名多个 css 文件