Gulp with browserify：找不到模块 src/js/main.js

Question

我正在尝试使用 Gulp 和 browserify 进行基本构建设置，但在尝试运行默认任务时一直看到此错误：

Error: Cannot find module 'src/js/main.js' from '/Users/ben/dev/git/myapp/'

gulpfile.js

var gulp = require('gulp');
var browserify = require('browserify');
var del = require('del');
var source = require('vinyl-source-stream');


var paths = {
    main_js: ['src/js/main.js'],
    js: ['src/js/*.js']
};

gulp.task('clean', function(done) {
    del(['build'], done);
});

gulp.task('js', ['clean'], function() {
    browserify(paths.main_js)
        .bundle()
        .pipe(source('bundle.js'))
        .pipe(gulp.dest('./build/'));
});

gulp.task('watch', function() {
    gulp.watch(paths.js, ['js']);
});

gulp.task('default', ['watch', 'js']);

main.js

console.log("Hello!")

我的应用程序/

.
├── gulpfile.js
├── node_modules
│   ├── browserify
│   ├── del
│   ├── gulp
│   └── vinyl-source-stream
├── npm-debug.log
├── package.json
└── src
    ├── css
    ├── index.html
    └── js
        └── main.js

我不明白为什么找不到 main.js。当我从myapp/ 运行此命令时，它工作正常：

$ browserify src/js/main.js > build/bundle.js

Answer 1

尝试使用“./src/js/main.js”而不是“src/js/main.js”，即：

var paths = {
    main_js: ['./src/js/main.js'],
    js: ['src/js/*.js']
};