Yeoman Angular-UI-grid UI-Grid 1.2.28 和 1.3.8 之间的 UI-grid 角度



我正在整理我的第一个角度网站,并决定在我深入之前尝试使用yeoman可能是最好的。我不知道如何让所有东西一起工作。

我使用 yeoman 创建了一个应用程序,并在出现提示时创建了应用程序,以下是我选择的选项:

yo angular myapp
Would you like to use Sass (with Compass)? (Y/n) y
Would you like to include Bootstrap? (Y/n) y
Would you like to use the Sass version of Bootstrap? (Y/n) y
? Which modules would you like to include? (Press <space> to select)
>(*) angular-animate.js
 ( ) angular-aria.js
 (*) angular-cookies.js
 (*) angular-resource.js
 ( ) angular-messages.js
 (*) angular-route.js
 (*) angular-sanitize.js
 (*) angular-touch.js

在这一点上,我有一个正常运行的网站。

然后我使用 bower 安装了 ui-grid,这就是我遇到问题的地方。

bower install angular-ui-grid#3.0.0-RC.18
bower angular-ui-grid#3.0.0-RC.18           cached git://github.com/angular-ui/bower-ui-grid.git#3.0.0-RC.18
bower angular-ui-grid#3.0.0-RC.18         validate 3.0.0-RC.18 against git://github.com/angular-ui/bower-ui-grid.git#3.0.0-RC.18
bower angular-ui-grid#3.0.0-RC.18           cached git://github.com/angular-ui/bower-ui-grid.git#3.0.0-RC.18
bower angular-ui-grid#3.0.0-RC.18         validate 3.0.0-RC.18 against git://github.com/angular-ui/bower-ui-grid.git#3.0.0-RC.18
bower angular#^1.3.0                        cached git://github.com/angular/bower-angular.git#1.3.8
bower angular#^1.3.0                      validate 1.3.8 against git://github.com/angular/bower-angular.git#^1.3.0
bower angular#1.3.8                         cached git://github.com/angular/bower-angular.git#1.3.8
bower angular#1.3.8                       validate 1.3.8 against git://github.com/angular/bower-angular.git#1.3.8
bower angular-ui-grid#3.0.0-RC.18          install angular-ui-grid#3.0.0-RC.18
bower angular#^1.3.0                       install angular#1.3.8
bower angular#~1.2.16                       cached git://github.com/angular/bower-angular.git#1.2.28
bower angular#~1.2.16                     validate 1.2.28 against git://github.com/angular/bower-angular.git#~1.2.16
Unable to find a suitable version for angular, please choose one:
    1) angular#~1.2.16 which resolved to 1.2.28 and is required by angular-ui-grid#3.0.0-RC.18
    2) angular#^1.3.0 which resolved to 1.3.8 and is required by officemanager
    3) angular#1.3.8 which resolved to 1.3.8 and is required by angular-animate#1.3.8Prefix the choice with ! to persist it to bower.json
? Answer::
angular-ui-grid#3.0.0-RC.18 bower_componentsangular-ui-grid
└── angular#1.3.8

这就是我迷路的地方。 Yeoman 安装了似乎是较新版本的 Angular,但 UI-grid 似乎需要一个 #3 中的模块不支持的版本。

我尝试了选项 #1,站点无法正常工作,因为 #3 中的脚本失败。我尝试了选项 #2/#3 并且网站工作正常,但无法加载网格。

我最初在 yeoman 之外创建了一个项目,直到我意识到使用这样的工具可能很有价值。

任何帮助将不胜感激!

这是我的 bower.json

{
  "name": "officemanager",
  "version": "0.0.0",
  "dependencies": {
    "angular": "^1.2.16",
    "json3": "^3.3.0",
    "es5-shim": "^4.0.0",
    "bootstrap": "^3.2.0",
    "angular-animate": "^1.2.16",
    "angular-cookies": "^1.2.16",
    "angular-resource": "^1.2.16",
    "angular-route": "^1.2.16",
    "angular-sanitize": "^1.2.16",
    "angular-touch": "^1.2.16",
    "angular-ui-grid": "3.0.0-RC.18"
  },
  "devDependencies": {
    "angular-mocks": "~1.2.16",
    "angular-scenario": "~1.2.16"
  },
  "appPath": "app"
}

我遇到了同样的错误,现在让它工作了。我做了以下操作,但我不够精明,不知道是否需要所有步骤。我正在传递它,以防它有所帮助,或者如果您已经找到了更好的方法并可以让我知道。

    Ran:bower install angular-ui-grid,
  1. 在试图让它工作的混合中,我也做了:bower install angular-ui-grid --save-dev。

  2. 手动更新索引.html(来自 yeoman 角度全栈脚手架应用程序)将 css(head)和 js(正文)文件放在正确的位置(与 bower 相关),但是当我反弹咕噜咕噜发球时,它们就消失了,所以我把这些行放在了 bower 维护区域之外——显然不是正确的解决方案。

  3. 已从此页面下载最新版本候选版本的 zip https://github.com/angular-ui/bower-ui-grid

  4. 复制并替换了使用bower安装的版本,并将其替换为zip文件中下载的文件。

  5. 将"ui.grid"添加到客户端应用的依赖项列表中.js

  6. 将代码(如示例)从 http://ui-grid.info/docs/#/tutorial/101_intro 添加到新的 yo-scaffolded 路由中的相应文件中

还有热狗——它终于奏效了!

最新更新