Gulp 错误:无法使用browserify+;找到模块;宝贝

Gulp 错误:无法使用browserify+;找到模块;宝贝,gulp,browserify,babeljs,babelify,Gulp,Browserify,Babeljs,Babelify,我似乎让React和ReactDOM与Browserify一起工作得非常好,但当我试图在同一目录中导入/需要我自己的模块时,显然找不到它 错误 entry.jsx 根据我收集的信息,应该正确设置gulpfile.js。所以也许我只是处于一个我没有看到的初学者陷阱中非常感谢您的帮助。一个解决方案是指定文件扩展名 constbrowser=require('./test.jsx') 当我自己试图解决同样的问题时,我发现了这个问题。希望能够允许babel/browserify在不指定的情况下查找jsx

我似乎让React和ReactDOM与Browserify一起工作得非常好,但当我试图在同一目录中导入/需要我自己的模块时,显然找不到它

错误 entry.jsx
根据我收集的信息,应该正确设置gulpfile.js。所以也许我只是处于一个我没有看到的初学者陷阱中非常感谢您的帮助。

一个解决方案是指定文件扩展名

constbrowser=require('./test.jsx')


当我自己试图解决同样的问题时,我发现了这个问题。希望能够允许babel/browserify在不指定的情况下查找jsx文件。

我知道这是一个非常晚的答案。但我找到了解决办法。如果您使用的是Browserify api,请尝试将扩展名设置为可以导入的文件扩展名:

browserify({
                extensions: ['.ts', '.tsx', '.js', '.jsx']
          }).add(...).bundle(...)
import ReactDOM from 'react-dom';
const browser = require('./test');    // <<< Can't find the file in the same dir?

ReactDOM.render(browser, document.getelementbyid('store-page'));
import React from 'react';

export default class test extends React.Component {
    render() {
        return <h1>Hello, React!</h1>
    }
}
gulp.task('babel', function() {

    let b = browserify({                                            // Get API access to Browserify for transformations.
        entries: config.babel.input,                                // Our entry.js file.
        debug: isDebug                                              // Used for sourcemaps.
    });

    b.transform('babelify');                                        // Convert our Babel code to JavaScript.

    return b.bundle()                                               // Bundle all our converneted JavaScript into one source.
        .pipe(source('bundle.js'))                                  // Tells the filename of the stream we want to write to.
        .pipe(buffer())                                             // Bundle our converted JavaScript code into a stream for pipeline.
        .pipe(gulpif(isDebug, sourcemaps.init({loadMaps: true})))   // Generate a sourcemap file for better analysis and debugging.
            .pipe(gulpif(isProduction, uglify()))                   // Convert our code into minification for better performance and bandwidth.
            .on('error', gutil.log)                                 // Routes any error messages to the console and continues our task manager like normal.
        .pipe(gulpif(isDebug, sourcemaps.write('./')))              // Write a sourcemap file in the same destination.
        .pipe(gulp.dest(config.babel.output));                      // Write the compiled JavaScript to the destination for our browser.
});
browserify({
                extensions: ['.ts', '.tsx', '.js', '.jsx']
          }).add(...).bundle(...)