yeoman angular-ui-grid ui-grid angular 版本在 1.2.28 和 1.3.8 之间冲突

Question

我正在整理我的第一个 Angular 网站，并决定在我深入研究之前尝试使用 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_components\angular-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"
}

Answer 1

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

1. 跑：凉亭安装 angular-ui-grid，在尝试让它工作的某个地方，我也做了：凉亭安装 angular-ui-grid --save-dev。

2. 手动更新 index.html（来自 yeoman angular-fullstack 脚手架应用程序），其中 css（head）和 js（body）文件位于右侧（与 Bower 相关）的位置，但是当我反弹 grunt serve它们不见了，所以我把这些线放在了凉亭维护的区域之外——显然不是正确的解决方案。

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

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

5. 在客户端 app.js 的依赖项列表中添加了“ui.grid”

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

还有热狗——终于成功了！