无法遍历依赖关系图

本教程将介绍无法遍历依赖关系图的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

无法遍历依赖关系图 教程 第1张

问题描述

我的Java构建过程最终在文件中插入了关键字require()。这在客户端不受支持,并会导致控制台错误。我已按其他SO答案添加了browserify,但是,我又收到了另一个错误(如下所示)。

其他信息:

我正在使用:

    Gulp 4

    节点(v14.2.0)

错误:

[16:03:55] Using gulpfile /mnt/c/code/mutationObserver/gulpfile.js
[16:03:55] Starting 'default'...
[16:03:55] Starting 'clean'...
[16:03:55] Finished 'clean' after 10 ms
[16:03:55] Starting 'html'...
[16:03:55] Starting 'js'...
[16:03:55] Starting 'css'...
[16:03:55] Finished 'html' after 46 ms
[16:03:55] Finished 'css' after 51 ms
[16:03:55] 'js' errored after 54 ms
[16:03:55] Error: Can't walk dependency graph: Cannot find module '/mnt/c/code/mutationObserver/src/js/*.js' from '/mnt/c/code/mutationObserver/src/js/_fake.js'
 required by /mnt/c/code/mutationObserver/src/js/_fake.js
 at /mnt/c/code/mutationObserver/node_modules/resolve/lib/async.js:136:35
 at load (/mnt/c/code/mutationObserver/node_modules/resolve/lib/async.js:155:43)
 at onex (/mnt/c/code/mutationObserver/node_modules/resolve/lib/async.js:180:17)
 at /mnt/c/code/mutationObserver/node_modules/resolve/lib/async.js:15:69
 at FSReqCallback.oncomplete (fs.js:175:21)
[16:03:55] 'default' errored after 69 ms

我的全部Gulpfile.js如下:

const { series, parallel, watch, src, dest } = require("gulp");
const plumber = require("gulp-plumber");
const del = require("del");
const concat = require("gulp-concat");
const babel = require("gulp-babel");
const sass = require("gulp-sass");
const browserSync = require("browser-sync").create();
const browserify = require('browserify')
const source = require('vinyl-source-stream')


function html() {
  return src("./src/*.html").pipe(dest("./dist"));
}

function css() {
  return src("./src/css/style.scss")
 .pipe(plumber())
 .pipe(sass().on("error", sass.logError))
 .pipe(dest("./dist/css"));
}

function js() {
  return browserify("./src/js/*.js")
 .bundle()
 .pipe(source("main.js"))
 .pipe(plumber())
 .pipe(
babel({
  presets: ["@babel/env"],
  plugins: ["@babel/transform-runtime"],
})
 )
 .pipe(dest("./dist/js"));
}

function clean() {
  return del(["./dist"]);
}

function watchFor() {
  browserSync.init({
 server: {
baseDir: "./dist/",
 },
  });

  // first rerun the function that distributed the css files, then reload the browser
  watch("./src/css/**/*.scss").on("change", css);
  watch("./dist/css/*.css").on("change", browserSync.reload);

  // first rerun the function that distributed the javascript files, then reload the browser
  watch("./src/js/*.js").on("change", js);
  watch("./dist/js/*.js").on("change", browserSync.reload);

  // first rerun the function that writes to the dist folder, then reload the browser
  watch("./src/*.html").on("change", html);
  watch("./dist/*.html").on("change", browserSync.reload);
}

exports.clean = clean;
exports.css = css;
exports.js = js;
exports.html = html;
exports.watch = watch;
exports.default = series(clean, parallel(html, js, css), watchFor);

推荐答案

我遇到了相同的错误。该错误意味着它找不到所需的js文件。确保文件位于"Required"中指定的正确文件夹中,如果文件位于同一文件夹中,则可能需要添加./.

Browserify main.js-o bundle.js

Error: Can't walk dependency graph: Cannot find module 'srt' from 'C:codehtml1main.js'

在我的main.js错误中,我更改了:

var srt = require('srt');

收件人:

var srt = require('./srt');

然后它起作用了。

好了关于无法遍历依赖关系图的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。