Javascript Gulp 4未捕获引用错误:未定义require
我在我的项目中使用了gulp 4和bootstrap 5当我从节点模块调用BS时,js没有像我预期的那样工作,它在我的控制台中显示了这个错误消息 未捕获引用错误:未定义require 这是我的app.js文件: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
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的东西,但我不知道如何在我的项目中实现它。我无法帮助您,我也不知道有足够的兴趣为你调查。