angularjs - hello - yeoman generator

Yeoman y Bower no agregan Bootstrap CSS(generador de AngularJS)

Question

Estoy siguiendo un codelab en la página web de Yeoman, y hasta ahora he logrado seguirlo (con algunos inconvenientes importantes para que mi entorno de desarrollo funcione, pero ahora no devuelve ningún error).

Así que hice mi carpeta de proyectos y corrí yo , seleccioné AngularJS y ejecuté la cosa. Bastante pronto en el proceso me dieron un aviso ? Overwrite package.json? ? Overwrite package.json? Respondí con y obtuve las siguientes advertencias:

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]

Después de eso, terminó lo que estaba haciendo, así que ejecuté la bower install otra vez solo para estar seguro (debido a lo relacionado con package.json), y luego grunt serve . Ahora grunt dice "hecho", sin errores, pero mi página solo carga main.css . Tengo la sensación de que falta el archivo bootstrap.css . This es lo que parece, cuando las instrucciones del código dicen que debería verse así.

Si necesita más información sobre lo que se generó, aquí hay un enlace del repositorio de GitHub .

Cualquier información sobre lo que estoy haciendo mal (si acaso) es bienvenida.

Answer 1

Después de hacer el codelab tuve exactamente el mismo problema con el mismo resultado que obtienes (advertencias y todo). Tuve que simplemente solucionar el problema volviendo a Bootstrap 3.3.4.

Solo edita bower.json y cambia la línea de Bootstrap a:

    "bootstrap": "3.3.4",

Luego ejecuta lo siguiente y debería funcionar:

    bower install
    grunt serve

Answer 2

En el archivo bower.json , la versión de dependencia de Bootstrap se establece como:

"bootstrap": "^3.2.0",

De forma predeterminada, eso significa instalar la última versión superior a 3.2.0. Como resultado, se instala la última versión 3.3.5 y se rompe.

Por lo tanto, quite el signo ^ y reemplace:

"bootstrap": "^3.2.0",

con:

"bootstrap": "3.3.4",

Answer 3

No es lo ideal, pero volví a la versión 3.3.4 de Bootstrap y lo configuré así:

bower install --save bootstrap#3.3.4

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

Answer 4

Si te quedas en una concha, simplemente escribe:

bower install --save bootstrap#3.3.4
grunt serve

Eso asegurará que Twitter Bootstrap se reduzca a una versión más amigable con Bower / yo-angular y la guarde como una dependencia de desarrollo. Grunt ejecutará ''wiredep'' durante su tarea de ''servir'' y agregará bootstrap.css en el index.html de su proyecto.

Answer 5

Tampoco me funcionó. Tengo una solución desde aquí: https://github.com/twbs/bootstrap/issues/16663

bower.json este problema temporalmente al anular nuestro proyecto bower.json . Para nosotros funciona bien, pero estamos esperando alguna solución de Bootstrap.

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