Javascript Gulp 4未捕获引用错误:未定义require

Javascript Gulp 4未捕获引用错误:未定义require,javascript,gulp,commonjs,bootstrap-5,Javascript,Gulp,Commonjs,Bootstrap 5,我在我的项目中使用了gulp 4和bootstrap 5当我从节点模块调用BS时,js没有像我预期的那样工作,它在我的控制台中显示了这个错误消息 未捕获引用错误:未定义require 这是我的app.js文件: var bootstrap = require("../../node_modules/bootstrap/dist/js/bootstrap.bundle"); const { src, dest, watch, series, parallel } = requ

我在我的项目中使用了gulp 4bootstrap 5当我从节点模块调用BS时,js没有像我预期的那样工作,它在我的控制台中显示了这个错误消息

未捕获引用错误:未定义require

这是我的app.js文件:

var bootstrap = require("../../node_modules/bootstrap/dist/js/bootstrap.bundle");
const { src, dest, watch, series, parallel } = require("gulp");
const terser = require("gulp-terser");
const babel = require("gulp-babel");
const browsersync = require("browser-sync").create();

...

function compileJS() {
    return src("src/js/app.js", { sourcemaps: true })
        .pipe(babel())
        .pipe(terser())
        .pipe(dest("src/assets/js", { sourcemaps: "." }));
}

...
这是我的gulpfile.js文件:

var bootstrap = require("../../node_modules/bootstrap/dist/js/bootstrap.bundle");
const { src, dest, watch, series, parallel } = require("gulp");
const terser = require("gulp-terser");
const babel = require("gulp-babel");
const browsersync = require("browser-sync").create();

...

function compileJS() {
    return src("src/js/app.js", { sourcemaps: true })
        .pipe(babel())
        .pipe(terser())
        .pipe(dest("src/assets/js", { sourcemaps: "." }));
}

...

SASS文件运行良好,但js否我收到了错误消息。

require
仅在Node.js中运行代码时可用。我发现我可以在js文件中使用require,方法是使用名为babelify和browserify的东西,但我不知道如何在我的项目中实现它。我无法帮助您,我也不知道有足够的兴趣为你调查。