gulp не может найти модуль source-map

Question

У меня проблема с исходными картами в gulp: когда я пытаюсь реализовать gulp-sourcemaps напрямую через канал, а также когда я пытаюсь передать его через веб-пакет, который, если я правильно понял, по умолчанию имеет исходные карты, я продолжайте получать ту же самую запутанную ошибку:

Error: Cannot find module 'source-map'

Я могу видеть @gulp-sourcemaps папка в моем node_modules, который содержит в себе identity-map папка, содержащая кучу больше node_modules в том числе source-map модуль, о котором идет речь, так что я думаю все подключено так, как должно быть. Тем не менее, я новичок в глотке, поэтому я могу упустить что-то действительно очевидное.

Может кто-нибудь предложить мне несколько советов о том, как помочь gulp найти модуль?

// package vars
const pkg = require("./package.json");

// gulp
const gulp = require("gulp");
const gulpIf = require("gulp-if");

// webpack
const webpack_config = require("./webpack.config");

// load all plugins in "devDependencies" into the variable $
const $ = require("gulp-load-plugins")({
  pattern: ["*"],
  scope: ["devDependencies"]
});

// ...

gulp.task("sass", function() {
  return gulp
    .src(pkg.paths.app.scss + "**/*.scss")
    .pipe($.sourcemaps.init())
    .pipe($.sass()) 
    .pipe($.autoprefixer())
    .pipe($.sourcemaps.write("./maps"))
    .pipe(gulp.dest(pkg.paths.app.css))
    .pipe(
      $.browserSync.reload({
        stream: true
      })
    );
});

// ... 

gulp.task("webpack", function() {
  return gulp
    .src(pkg.paths.app.js + "**/*.js")
    .pipe($.webpack(webpack_config))
    .pipe(gulp.dest(pkg.paths.public.js));
});

// ...