Question

我正在关注Yeoman网页上的codelab，到目前为止，我已经设法跟进（有一些重大的打嗝让我的开发环境继续，但现在它还没有返回任何错误。）

所以我创建了我的项目文件夹并运行yo，选择了AngularJS并运行该东西。很快进入这个过程我收到提示? Overwrite package.json?我回复了y并收到了以下警告：

npm WARN package.json codelab@0.0.0 No license field.
npm WARN peerDependencies The peer dependency karma@>=0.9 included from karma-jasmine will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency 
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency jasmine-core@* included from karma-jasmine will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency 
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency karma@>=0.9 included from karma-phantomjs-launcher will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency 
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency phantomjs@>=1.9 included from karma-phantomjs-launcher will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency 
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency karma@~0.12.0 included from grunt-karma will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency 
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN optional dep failed, continuing fsevents@0.3.6

之后，它完成了它正在做的事情，所以我再次运行bower install只是为了确定（因为package.json的事情），然后是grunt serve。现在grunt说完了，没有错误，但我的页面只加载main.css。我强烈感觉bootstrap.css文件丢失了。当代码栏说明看起来像This时，this就是它的样子。

如果您需要有关生成内容的更多信息，请访问GitHub repository link。

欢迎任何有关我做错事（如果有的话）的见解。

Answer 1

在完成codelab后，我遇到的问题与你得到的结果完全相同（警告和所有）。我不得不通过回滚到Bootstrap 3.3.4来解决这个问题。

只需编辑bower.json并将Bootstrap行更改为：

    "bootstrap": "3.3.4",

然后运行以下内容，它应该可以工作：

    bower install
    grunt serve

Answer 2

它对我也不起作用。我从这里得到了一个解决方案： https://github.com/twbs/bootstrap/issues/16663

我们通过覆盖项目raw_input()来解决此问题。对我们来说它工作正常，但我们正在等待Bootstrap的一些解决方案。

bower.json

Answer 3

如果坚持使用shell，只需键入：

即可

bower install --save bootstrap#3.3.4
grunt serve

这将确保Twitter Bootstrap降级为更加Bower / yo-angular友好版本并将其保存为dev依赖项。然后Grunt将运行＆＃39; wiredep＆＃39;在其服务期间＆＃39;任务并将bootstrap.css附加到项目的index.html。

Answer 4

在bower.json文件中，Bootstrap的依赖版本设置为：

"bootstrap": "^3.2.0",

默认情况下，这意味着安装高于3.2.0的最新版本。结果，安装了最新版本3.3.5并且中断了。

因此，请移除^符号并替换：

"bootstrap": "^3.2.0",

使用：

"bootstrap": "3.3.4",

Answer 5

这不理想，但我回滚到Bootstrap版本3.3.4并设置如下：

bower install --save bootstrap#3.3.4

bower_concat: {
  all: {
    dest: {
      'js': 'path/to/file/_bower.js',
      'css': 'path/to/file/_bower.css'
    }
  }
}

Yeoman和Bower没有添加Bootstrap CSS（AngularJS生成器）

5 个答案: