Yeoman и Bower не добавляют Bootstrap CSS (генератор AngularJS)

Я следую по codelab на веб-странице Yeoman, и до сих пор мне удалось следовать (с несколькими основные икоты, при которых происходит моя среда разработки, но теперь она не возвращает никаких ошибок).

Итак, я создал папку проекта и запустил yo, выбрав AngularJS и запустил эту вещь. Довольно скоро в процессе я получил приглашение ? Overwrite package.json? ответил y и получил следующие предупреждения:

npm WARN package.json [email protected] No license field.
npm WARN peerDependencies The peer dependency [email protected]>=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 [email protected]* 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 [email protected]>=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 [email protected]>=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 [email protected]~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 отсутствует. Это, как выглядит, когда инструкции codelab говорят, что это должно выглядеть как это.

Если вам нужна дополнительная информация о том, что было создано, здесь ссылка репозитория GitHub.

Любое понимание того, что я делаю неправильно (если угодно), приветствуется.

Ответ 1

После выполнения codelab у меня была точно такая же проблема с тем же результатом, что и вы (предупреждения и все). Мне пришлось просто обойти проблему, вернувшись к Bootstrap 3.3.4.

Просто отредактируйте bower.json и измените строку Bootstrap на:

    "bootstrap": "3.3.4",

Затем запустите следующее, и оно должно работать:

    bower install
    grunt serve

Ответ 2

Это тоже не сработало. Я получил решение отсюда: https://github.com/twbs/bootstrap/issues/16663

Мы исправили эту проблему временно, переопределив наш проект bower.json. Для нас это прекрасно работает, но мы ждем решения от Bootstrap.

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

Ответ 3

Если вы придерживаетесь оболочки, вы можете просто ввести:

bower install --save bootstrap#3.3.4
grunt serve

Это гарантирует, что Twitter Bootstrap будет понижен до более дружественной версии Bower/yo- angular и сохранит ее как зависимость dev. Затем Grunt запускает "wiredep" во время своей задачи "serve" и добавляет bootstrap.css в ваш проект index.html.

Ответ 4

В файле bower.json версия зависимости Bootstrap устанавливается как:

"bootstrap": "^3.2.0",

По умолчанию это означает установку последней версии выше 3.2.0. В результате устанавливается последняя версия 3.3.5, которая прерывается.

Итак, удалите знак ^ и замените:

"bootstrap": "^3.2.0",

с:

"bootstrap": "3.3.4",

Ответ 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'
    }
  }
}