web-dev-qa-db-ja.com

YeomanとBowerがBootstrap CSS（AngularJSジェネレーター）を追加していない

私はYeomanのWebページで codelab に沿ってフォローしていますが、これまでのところ順調に進んでいます（開発環境を稼働させるためのいくつかの大きな問題がありますが、エラーは返されません） 。

そこで、プロジェクトフォルダーを作成してyoを実行し、AngularJSを選択して実行しました。かなりすぐにプロセスに入ると、プロンプト? Overwrite package.json?私はyで応答し、次の警告を受け取りました。

npm WARN package.json [email protected] 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 [email protected]

その後、それがしていたことを終えたので、bower installもう一度確認します（package.jsonの問題のため）、そしてgrunt serve。いまや、うなり声はエラーなしで完了と表示されますが、私のページはmain.css。私はbootstrap.cssファイルがありません。 This は、コードラボの指示で this のように表示されると表示されている場合に表示されます。

生成されたものについてさらに情報が必要な場合は、ここに GitHubリポジトリリンク があります。

私が何を間違っているのかについての洞察は（もしあれば）歓迎されています。

angularjstwitter-bootstrapboweryeomanyeoman-generator-angular
26
Miha Šušteršič

コードラボを行った後、まったく同じ問題が発生しましたが、結果は同じです（警告とすべて）。 Bootstrap 3.3.4にロールバックすることで、この問題を回避する必要がありました。

Bower.jsonを編集して、Bootstrap行を次のように変更します。

    "bootstrap": "3.3.4",

その後、次を実行すると動作するはずです：

    bower install
    grunt serve
57
chipzilla

私にとってもうまくいきませんでした。私はここから解決策を得ました： https://github.com/twbs/bootstrap/issues/1666

プロジェクトを上書きすることにより、この問題を一時的に修正しましたbower.json。私たちにとってはうまくいきますが、Bootstrapからの解決策を待っています。

"overrides":{
    "bootstrap" : {
         "main": [
            "less/bootstrap.less",
            "dist/css/bootstrap.css",
            "dist/js/bootstrap.js"
          ]
    }
  }
25
codesnooker

シェルに固執する場合は、次のように入力できます。

bower install --save bootstrap#3.3.4
grunt serve

これにより、Twitter BootstrapはよりBower/yo-angularフレンドリーなバージョンにダウングレードされ、dev依存関係として保存されます。Gruntは、 'serve'タスクと 'appendプロジェクトのindex.htmlのbootstrap.css。

10
Glenn Batuyong

の中に bower.jsonファイル、Bootstrap=の依存バージョンは次のように設定されます。

"bootstrap": "^3.2.0",

デフォルトでは、これは3.2.0以降の最新バージョンをインストールすることを意味します。その結果、最新バージョン3.3.5がインストールされ、それは壊れます。

したがって、^署名して置換：

"bootstrap": "^3.2.0",

で：

"bootstrap": "3.3.4",
1
burakhan alkan

理想的ではありませんが、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'
    }
  }
}
0
CR Rollyson