バンドルブートストラップ4 - ツールチップは、私はこのアプリでは、ブートストラップ4で構築されていますアプリを持っているテザー

Question

を必要とブートストラップ、私はバウアーのファイルを持って、次があります。

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

bower.json

これらのファイルをいくつかのカスタムJavaScriptファイルにバンドルしようとしています。これを実行しようとする試みで、私は以下のがぶ飲みタスクを持っている：

：

gulpfile.js

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')) 
    ; 
}); 

をその後、私のWebページでは、私はこのようなファイルを参照していますindex.htmlを

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

私のWebページがロードされ、私はbundle.jsが正常にロードされたことがわかります。

不明なエラー：しかし、コンソールウィンドウに、私は次のエラーが表示ツールチップは、私は私のハンバーガーメニューは、もはやモバイル上で動作する理由、これがないことを信じているテザー

を必要とするブートストラップ。私の質問は、これらのファイルを一緒にバンドルする方法はありますか？または、個別に読み込む必要がありますか？

Answer 1

私はあなたのプロジェクトを複製しました。

あなたのgulpファイル内のテザーJSファイルを指し示すURLが間違っているようです。

それは次のようになります。

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

の代わり：

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