Yeoman et Bower ne pas ajouter de Bootstrap CSS (AngularJS générateur)

Je suis en train de suivre un codelab sur le Yeoman page web, et jusqu'à présent, j'ai réussi à suivre (avec quelques grands hoquet l'obtention de mon environnement de développement en cours, mais maintenant, il ne reprend pas toutes les erreurs).

Donc j'ai fait mon dossier de projet et a couru yo, sélectionné AngularJS et exécuter la chose. Assez tôt dans le processus, j'ai eu une invite ? Overwrite package.json? j'ai répondu avec y et a obtenu les avertissements suivants:

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

Après qu'il a fini ce qu'il faisait, alors j'ai couru bower install de nouveau juste pour être sûr (à cause de l'emballage.json chose), puis grunt serve. Maintenant grunt: done, sans erreurs, mais ma page ne charge que les main.css. J'ai un fort sentiment de la bootstrap.css fichier est manquant. Cette est à quoi il ressemble, lorsque le codelab instructions dire, il devrait ressembler à cette.

Si vous avez besoin de plus amples informations sur ce qui a été généré, voici un GitHub lien.

Toute réflexion sur ce que je fais mal (si quoi que ce soit) est la bienvenue.

InformationsquelleAutor Miha Šušteršič | 2015-06-19

57

Après avoir fait le codelab, j'ai eu exactement le même problème avec le même résultat que vous obtenez (mises en garde et tout et tout). J'ai eu un peu de contourner le problème en roulant en arrière de Bootstrap 3.3.4.

Il suffit de modifier la charmille.json et modifier le fichier de Bootstrap ligne:
```
    "bootstrap": "3.3.4",
```
Puis exécutez la commande suivante et cela devrait fonctionner:
```
    bower install
    grunt serve
```
- avant de le modifier, mon bootstrap ligne avait un ^ avant le numéro de version (comme cette "angular": "^1.3.0"). Aucune idée sur ce que cela fait, et si je doit le remettre en avant le démarrage de la version? Autre que cela, le site ressemble à maintenant, donc je suis enfin prêt à passer à la codelab. merci
- Je crois que signifie seulement l'exigence est rien de plus que 1.3.0. Donc, pour bootstrap, il était "bootstrap": "^3.2.0", ce qui signifie installer quoi que ce soit qui est plus élevé que 3.2.0. Donc il va et installe la dernière 3.3.5 qui ne fonctionne pas. Le paramètre 3.3.4 sans le ^ ne dit que l'installation de cette version, rien de plus.
- je vous remercie de l'homme, vous avez sauvé ma première application 🙂
- J'ai eu le même problème, a fonctionné comme un charme formulaire de moi.
InformationsquelleAutor chipzilla
25

Il ne fonctionne pas pour moi non plus. J'ai obtenu une solution à partir d'ici:
https://github.com/twbs/bootstrap/issues/16663

Nous avons corrigé ce problème temporaire en substituant notre projet bower.json. Pour nous, il fonctionne très bien, mais nous sommes en attente d'une solution de Bootstrap.
```
"overrides":{
    "bootstrap" : {
         "main": [
            "less/bootstrap.less",
            "dist/css/bootstrap.css",
            "dist/js/bootstrap.js"
          ]
    }
  }
```
InformationsquelleAutor codesnooker
10

Si vous vous en tenez à un shell, vous pouvez simplement taper:
```
bower install --save bootstrap#3.3.4
grunt serve
```
Qui permettra de s'assurer que Twitter Bootstrap obtient rétrogradé à un plus Bower/yo-angulaire de l'amicale de la version et de l'enregistrer en tant que dev de dépendance. Grunt va alors exécuter 'wiredep" lors de son "servir" de la tâche et ajouter le bootstrap.css dans votre projet index.html.

InformationsquelleAutor Glenn Batuyong
1

Dans le bower.json fichier, la dépendance de la version de Bootstrap est défini comme:
```
"bootstrap": "^3.2.0",
```
Par défaut, cela signifie que d'installer la dernière version supérieure 3.2.0.
En conséquence, la dernière version 3.3.5 est installé et que les sauts de.

Retirez la ^ signer et de le remplacer:
```
"bootstrap": "^3.2.0",
```
avec:
```
"bootstrap": "3.3.4",
```
InformationsquelleAutor burakhan alkan

Il n'est pas l'idéal, mais j'ai roulé en arrière de démarrage de la version 3.3.4 et mise en place comme ceci:

bower install --save bootstrap#3.3.4

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

InformationsquelleAutor CR Rollyson

Vous devez vous connecter pour publier un commentaire.