使用gulp安装jquery& bootstrap4返回未定义的属性错误

时间:2018-04-16 11:14:49

标签: jquery npm bootstrap-4 npm-install

我正在尝试使用 npm gulp 构建一个带有bootstrap作为依赖关系的wordpress站点,但似乎无法弄清楚为什么我在尝试运行时遇到此错误吞掉:

$$$1.fn.emulateTransitionEnd = transitionEndEmulator;
                             ^
TypeError: Cannot set property 'emulateTransitionEnd' of undefined

我使用gulp安装了 jquery popper bootstrap 并添加了以下内容我的 gulpfile.js 的行:

var gulp = require('gulp');
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var jquery = require('jquery');
var popperjs = require('popper.js');
var bootstrap = require('bootstrap');

gulp.task('sass', function(){
    return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss', './sass/**/*.scss'])
    .pipe(sass())
    .pipe(gulp.dest('./'))
});

gulp.task('js', function(){
    return gulp.src(['node_modules\jquery\dist\jquery.min.js', 'node_modules\popper.js\dist\popper.min.js', 'node_modules/bootstrap/dist/js/bootstrap.min.js', './js/*.js'])
    .pipe(concat('app.js'))
    .pipe(gulp.dest('./js'))
});

gulp.task('watch', function(){
    gulp.watch('./sass/**/*.scss', ['sass']);
    gulp.watch('./js/*.js', ['js']);
});

gulp.task('default', ['sass', 'js', 'watch']);

到目前为止我做错了什么?

0 个答案:

没有答案