Yooman과 Bower가 부트스트랩 CSS를 추가하지 않음(각도)JS 제너레이터)

Yooman과 Bower가 부트스트랩 CSS를 추가하지 않음(각도)JS 제너레이터)

Yooman Web 페이지의 codelab을 팔로우 하고 있습니다만, 지금까지 (개발 환경에 큰 딸꾹질이 몇개 있었지만, 에러는 반환되지 않습니다)

그래서 프로젝트 폴더를 만들어서yo, AngularJS와 실행.그 과정으로 들어가자마자 나는 프롬프트를 받았다.? Overwrite package.json?라고 대답했다.y다음 경고를 받았습니다.

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

그러고 나서 하던 일이 끝나서 뛰어서bower install(포장 때문에) 다시 한 번 확인해 주세요.json that)과 그 다음에grunt serve이제 grunt은 오류 없이 완료라고 표시되지만 내 페이지는 로드만 됩니다.main.css뭔가 강한 느낌이 들어요.bootstrap.css파일이 없습니다.코델라브 설명서에서 이렇게 되어 있을 때 이렇게 되어 있습니다.

생성된 정보에 대한 자세한 내용은 GitHub 저장소 링크를 참조하십시오.

내가 무엇을 잘못하고 있는지에 대한 어떤 통찰도 환영한다.

codelab을 실행한 결과, 당신과 똑같은 문제가 발생했습니다(warnings 등).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 친화적인 버전으로 다운그레이드되어 개발 의존관계로 저장됩니다.그런 다음 Grunt는 "serve" 태스크 중에 "wiredep"을 실행하여 bootstrap.css를 프로젝트의 index.html에 추가합니다.

에서bower.json부트스트랩의 의존관계 버전은 다음과 같이 설정됩니다.

"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'
    }
  }
}

언급URL : https://stackoverflow.com/questions/30946498/yeoman-and-bower-not-adding-bootstrap-css-angularjs-generator