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?
Paketinizdeki yüklenmesinden sonra tanımlanan ** urgan ** değişken mi? –
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
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. –