使用browserify大嘴巴：无法找到模块src / js / main.js [英] Gulp with browserify: Cannot find module src/js/main.js

问题描述

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

 错误：无法从'/ Users / ben / dev / git / myapp /'找到模块'src / js / main.js'
  

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）; 
}）; 
 $ b $ gulp.task（'js'，['clean']，function（）{
 browserify（paths.main_js）
 .bundle（）
 .pipe （source（'bundle.js'））
 .pipe（gulp.dest（'./ build /'））; 
}）; 
 $ b gulp.task（'watch'，function（）{
 gulp.watch（paths.js，['js']）; 
}）; 
 
 gulp.task（'default'，['watch'，'js']）; 
  

main.js

  console.log（Hello！）
  

myapp /

 。 
├──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

解决方案

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

  var paths = {
 main_js：['。 /src/js/main.js']，
 js：['src / js / *。js'] 
}; 
  

I'm trying to get a basic build set up using Gulp and browserify, but keep seeing this error when trying to run the default task:

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!")

myapp/

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

I can't understand why it's failing to find main.js. When I run this command from myapp/, it works fine:

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

解决方案

Try using "./src/js/main.js" instead of "src/js/main.js" i.e:

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

这篇关于使用browserify大嘴巴：无法找到模块src / js / main.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！