babelify + browserifyでgulpを使用するとモジュールが見つかりません

Question

gulpを使用して、ecm6のJavaScriptコードをecm5に変換しようとしました。 gulp-babelがrequireを変換コード内に追加しました。このコードをブラウザで使用する必要があります。コードはbrowserifyである必要があります。

私はターミナルで次のコマンドを実行すると、それは私に次のエラーが表示されます。

は、私はこれを解決するために何ができますか？私は間違って何をしていますか？

PD：ありがとうございました。

Jaster

コマンド

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

私の視点から、all.js var _log = require('log');のパッケージlogが欠落しているようです。あなたはそれがインストールされていると確信していますか？インストールしたくない場合は、npm install --save log