2017-05-03 33 views
5

gerektirir Önyükleme bu app Bootstrap 4. ile inşa ediliyor bir uygulama var, bir Bower dosyası var, şu var:Donatılacak Bootstrap 4 ipuçları Tether

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 
} 

Bu dosyaları çeşitli özel JavaScript dosyalarıyla birlikte paketlemeye çalışıyorum.

: my web sayfasında, böyle dosya başvuran ediyorum

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

Sonra

gulpfile.js: Bunu yapmak için bir girişim olarak, aşağıdaki Gulp görev var index.html

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

web sayfam yükler ve ben bundle.js başarıyla yükledi görebilirsiniz.

Yakalanmayan Hata: Ancak, konsol penceresinde, aşağıdaki hatayı bakın ipuçları urgan

gerektiren Önyükleme benim hamburger menü artık mobil cihazlardaki çalışma yüzden bu olduğuna inanıyoruz. Sorum şu, bu dosyaları bir araya getirmenin bir yolu var mı? Ya da, her birini ayrı ayrı yüklemem gerekir mi?

+0

Paketinizdeki yüklenmesinden sonra tanımlanan ** urgan ** değişken mi? –

+0

tether.min.js dosyasının içeriği bundle.js'ye kopyalandı. İçerikler, Bootstrap.min.js dosyasının içerikleri öncesinde görünür. – user687554

+1

En son bootstrap '4.0.0 alpha-alpha.6 'yerine alpha 5' i kullanmaya çalışın. Ayrıca en son Tether sürümü '1.4'. Alpha5 kullanırsam araç ipucum da çalışmıyor. –

cevap

0

Projenizi çoğalttım.

Size gulp dosyasında tether JS dosyasına işaret eden URL yanlış görünüyor.

Olmalıdır:

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

yerine:

'./bower_components/tether/dist/tether.min.js', 
İlgili konular