번들링 부트 스트랩 (4)는 툴팁이 밧줄

을 필요로 부트 스트랩 나는이 응용 프로그램에서 부트 스트랩 (4)로 건설되고있어 응용 프로그램을 가지고, 나는 바우어 파일이 다음과 같습니다번들링 부트 스트랩 (4)는 툴팁이 밧줄

bower.json을

{ 
    "name": "myApp", 
    "version": "1.0.0", 
    "dependencies": { 
    "jquery": "2.1.4", 
    "tether": "1.2.0", 
    "bootstrap": "v4.0.0-alpha.5" 
    }, 
    "private": true 
}

이러한 파일을 여러 개의 사용자 정의 JavaScript 파일과 함께 제공하려고합니다.

: 내 웹 페이지에서,이 같은 파일을 참조하고있어,

gulp.task('bundleJs', function() { 
    var jsFiles = [ 
    './bower_components/jquery/dist/jquery.min.js', 
    './bower_components/tether/dist/tether.min.js', 
    './bower_components/bootstrap/dist/js/bootstrap.min.js', 
    './public/core.js', 
    './public/utils.js' 
    ]; 

    return gulp.src(jsFiles) 
    .pipe(concat('bundle.js')) 
    .pipe(gulp.dest('./public/js')) 
    ; 
});

그런

gulpfile.js :이 작업을 수행하기 위해, 나는 다음과 같은 꿀꺽 작업이 index.html을

<script type="text/javascript" src="/public/js/bundle.js"></script>

내 웹 페이지가로드 나는 bundle.js가 성공적으로로드 된 것을 볼 수 있습니다.

catch되지 않은 오류 : 그러나, 콘솔 창에, 나는 다음과 같은 오류가 표시 툴팁 밧줄

필요 부트 스트랩 내 햄버거 메뉴가 더 이상 모바일에서 작동 이유가 없다고 생각합니다. 제 질문은이 파일들을 함께 묶는 방법이 있습니까? 또는 개별적으로로드해야합니까?

출처

2017-05-03 user687554

이 (가) 번들의 로딩 후 정의 ** 밧줄 ** 변수인가? –

tether.min.js 파일의 내용이 bundle.js에 복사되었습니다. 내용은 Bootstrap.min.js 파일의 내용 앞에 나타납니다. – user687554

알파 5 대신 최신 부트 스트랩'4.0.0-alpha.6'을 사용해보십시오. 최신 Tether 버전'1.4'도 사용하십시오. alpha5를 사용하면 툴팁이 작동하지 않습니다. –

프로젝트를 복제했습니다.

덤프 파일의 tether JS 파일을 가리키는 URL이 올바르지 않은 것으로 보입니다.

이 있어야한다 :

'./bower_components/tether/dist/js/tether.min.js',

대신 :

'./bower_components/tether/dist/tether.min.js',

출처

2017-05-08 21:27:39

번들링 부트 스트랩 (4)는 툴팁이 밧줄

답변

관련 문제