browserify错误找不到模块

Question

我一直从/ Users / user / React / src获取浏览器错误'无法找到模块'下拉列表'

我不明白，因为它显示的路径正是它所在的位置。该文件在src文件夹中名为dropdown.jsx。

app.jsx

var DropDown = require('./dropdown');

dropdown.jsx

module.exports = React.createClass({
    render: function() {
        return <div className='dropdown'>
            ...
            </div>
    }
})

gulpfile.js

var gulp = require('gulp');
var gutil = require('gulp-util');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var watchify = require('watchify');
var reactify = require('reactify');

gulp.task('default', function(){
    var bundler = watchify(browserify({
        entries: ['./src/app.jsx'],
        transform: [reactify],
        extension: ['.jsx'],
        debug: true,
        cache: {},
        packageCache: {},
        fullPaths: true
    }));

    function build(file){
        if (file) gutil.log('Recompiling ' + file);
        return bundler
            .bundle()
            .on('error', gutil.log.bind(gutil, 'Browserify Error'))
            .pipe(source('./build/main.js'))
            .pipe(gulp.dest('./'));
    }
    build();
    bundler.on('update', build);
});