將gulp與babelify + browserify結合使用無法找到模塊

Question

我試圖用gulp改造我的JavaScript代碼ecm6到ecm5 ，這是好的。 gulp-babel添加了require到轉換后的代碼中，現在我需要在瀏覽器中使用此代碼，並且有必要用browserify代碼。

當我在終端中運行此命令時，它顯示以下錯誤：

我該怎么解決？ 我究竟做錯了什么？

PD：感謝您的幫助。

賈斯特

命令

gulp build

輸出量

Error: Cannot find module 'log' from '/home/ismael/projects/js-evolve/gulp-babel/dist'
    at /home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:46:17
    at process (/home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:173:43)
    at ondir (/home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:188:17)
    at load (/home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:69:43)
    at onex (/home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:92:31)
    at /home/ismael/projects/js-evolve/gulp-babel/node_modules/resolve/lib/async.js:22:47
    at FSReqWrap.oncomplete (fs.js:82:15)

gulpfile.js

var   gulp          = require('gulp'),
      babel         = require('gulp-babel'),
      sourcemaps    = require('gulp-sourcemaps'),
      concat        = require('gulp-concat'),
      browserify    = require('browserify'),
      babelify      = require('babelify'),
      source        = require('vinyl-source-stream'),
      gulpBrowser   = require('gulp-browserify');

gulp.task('default', function(){
  return gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
    .pipe(babel({
      presets: ['es2015']
    }))
    .pipe(concat('all.js'))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('dist'));
});

gulp.task('build', function(){
    return gulp.src('./dist/all.js')
      .pipe(gulpBrowser({
        debug:true,
        transform: ['babelify']
      }))
      .pipe(gulp.dest('bundle/compile.js'))
});

all.js

'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _log = require('log');

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var jet = function () {

  /**
   * Jet constructor
   * @param     {String} container - Html container identifier
   * @constructor
   **/

  function jet(container) {
    _classCallCheck(this, jet);

    /**
     * Jet container
     * @type    {HTMLElement}
     * @private
     **/
    this._container = document.getElementById(container);

    /**
     * Logger de la clase
     * @type    {Logger}
     * @private
     **/
    this._logger = new _log.Logger('Bullet');
  }

  _createClass(jet, [{
    key: 'showInfo',


    /**
     * Shows info in the console
     * @param {String} text - Info message
     **/
    value: function showInfo(text) {
      this._logger.log(text);
    }
  }]);

  return jet;
}();

;
'use strict';

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var logger = function () {

  /**
   * Logger constructor
   * @param {String} channel - Logger channel
   * @constructor
   **/

  function logger(channel) {
    _classCallCheck(this, logger);

    /**
     * Logger channel
     * @type    {String}
     * @private
     **/
    this._channel = channel;

    /**
     * Private channel
     * @type    {String}
     * @private
     **/
    this._privateChannel = '[' + channel + ']';
  }

  /**
   * Shows a message in the console
   * @type    {String}
   * @private
   **/


  _createClass(logger, [{
    key: 'log',
    value: function log(text) {
      console.log(this._privateChannel + ' ' + text);
    }
  }]);

  return logger;
}();
//# sourceMappingURL=all.js.map

Answer 1

從我的角度來看，包log在all.js var _log = require('log'); 似乎不見了。 您確定已安裝嗎？ 如果不是，您可能想使用npm install --save log安裝它