Javascript I'；我使用babelify转换我的jsx文件，但显示纯html_Javascript_Express_Reactjs_Browserify_Babeljs

Javascript I'；我使用babelify转换我的jsx文件，但显示纯html

javascript express reactjs

Javascript I'；我使用babelify转换我的jsx文件，但显示纯html,javascript,express,reactjs,browserify,babeljs,Javascript,Express,Reactjs,Browserify,Babeljs,我正在使用browserify和babelify将我的jsx文件转换为js，但是当我启动我的express服务器时，什么都没有显示，在chrome开发工具的source选项卡中，我看到我的bundle.js是html代码。问题是bundle.js应该是我转换的jsx 这是我在开发工具bundle.js中看到的： <html> <head> <title>SMS</title> </head> &

我正在使用browserify和babelify将我的jsx文件转换为js，但是当我启动我的express服务器时，什么都没有显示，在chrome开发工具的source选项卡中，我看到我的bundle.js是html代码。问题是bundle.js应该是我转换的jsx

这是我在开发工具bundle.js中看到的：

<html>
    <head>
        <title>SMS</title>
    </head>

    <body>
        <h1>Hello!</h1>
        <div id="app"></div>
    </body>
    <script src="../dist/bundle.js"></script>
</html>

gulpfile.js

var express = require('express');

var app = new express();

app.engine('html', require('ejs').renderFile);

app.get('*', function(req, res) {
    res.render('index.ejs');
});

app.use(express.static(__dirname + 'dist'));

var port = process.env.PORT || 3000;
app.listen(port, function() {
    console.log('Listening to port:', port)
});

gulp.task('build', function() {
    return (browserify({
        entries: './app/components/Main.jsx',
        debug: true
    }))
    .transform(babelify, {presets: ['es2015', 'react']})
    .bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./dist'));
});

gulp.task('serve', function() {
    nodemon({
        script: 'server.js',
        ext: 'js jsx'
    }).on('restart', function() {
        console.log('Restarted app');
    })
});

gulp.task('default', ['build', 'serve']);

我做错了什么？？？

控制台中没有错误？您确定bundle的路径没有得到404吗？它给我的唯一错误是意外标记<（因为它显示html标记，但是一个js文件）。无论我给出什么路径，它都会向带有htmlOh的bundle.js文件显示错误非常重要。。这意味着你的宝贝没有连接好<但是我做错了什么呢？我查了很多关于如何做的例子。我的bundle.js正在生成有效的js代码，所以idk有什么问题我的问题在我的server.js中，在我的应用程序中。使用我刚刚在控制台中将'dist'更改为'/dist'没有错误？您确定bundle的路径没有得到404吗？它给我的唯一错误是意外标记<（因为它显示html标记，但是一个js文件）。无论我给出什么路径，它都会向带有htmlOh的bundle.js文件显示错误非常重要。。这意味着你的宝贝没有连接好<但是我做错了什么呢？我查了很多关于如何做的例子。我的bundle.js正在生成有效的js代码，所以idk出了什么问题我的问题是在我的server.js中，在我的应用程序中