Я следую по 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.
Любое понимание того, что я делаю неправильно (если угодно), приветствуется.
После выполнения codelab у меня была точно такая же проблема с тем же результатом, что и вы (предупреждения и все). Мне пришлось просто обойти проблему, вернувшись к Bootstrap 3.3.4.
Просто отредактируйте bower.json и измените строку Bootstrap на:
"bootstrap": "3.3.4",
Затем запустите следующее, и оно должно работать:
bower install
grunt serve
Это тоже не сработало. Я получил решение отсюда: https://github.com/twbs/bootstrap/issues/16663
Мы исправили эту проблему временно, переопределив наш проект bower.json. Для нас это прекрасно работает, но мы ждем решения от Bootstrap.
"overrides":{
"bootstrap" : {
"main": [
"less/bootstrap.less",
"dist/css/bootstrap.css",
"dist/js/bootstrap.js"
]
}
}
Если вы придерживаетесь оболочки, вы можете просто ввести:
bower install --save bootstrap#3.3.4
grunt serve
Это гарантирует, что Twitter Bootstrap будет понижен до более дружественной версии Bower/yo- angular и сохранит ее как зависимость dev. Затем Grunt запускает "wiredep" во время своей задачи "serve" и добавляет bootstrap.css в ваш проект index.html.
В файле bower.json версия зависимости Bootstrap устанавливается как:
"bootstrap": "^3.2.0",
По умолчанию это означает установку последней версии выше 3.2.0. В результате устанавливается последняя версия 3.3.5, которая прерывается.
Итак, удалите знак ^ и замените:
"bootstrap": "^3.2.0",
с:
"bootstrap": "3.3.4",
Это не идеально, но я вернулся к 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'
}
}
}