Javascript react create app"；“npm运行-构建”；不传输JSX

我用create-React-app创建了一个新的React项目，但是当我使用

npm-run-build

并在浏览器中打开生成的版本（由我自己的express应用程序提供）时，我会收到关于未传输的未识别JSX语法的控制台错误

它应该在开箱即用的情况下自动完成这项工作，还是我还需要做其他事情

编辑：项目结构

express-application:
  admin (react build output)
  admin-src (create-react-app project source folder)
  ...
  app.js
  project.json
  gulpfile.js

---

因此，我使用一个gulp脚本来执行

admin src

子目录中的

npm run build

，然后它将生成的构建导出到

admin

。

admin

文件夹是应用程序用作客户端的文件夹。

好的，我使用

gulp

和

gulp jsx

将生成的构建文件夹进行传输，然后再将其复制出来

以下是我的想法：

const gulp = require('gulp');
const jsx = require('gulp-jsx');

gulp.task('build-admin', () => {
  gulp.src('admin-src/build/**/*!(.js)')
    .pipe(gulp.dest('./admin'));
  gulp.src('admin-src/build/**/*.js')
    .pipe(jsx({
      factory: 'React.createClass'
    }))
    .pipe(gulp.dest('./admin'));
});

---

您在浏览器中打开的文件是什么？@facundo我有自动生成脚本，可以将生成的输出文件夹部署到为该文件夹提供服务的express应用程序中。因此，构建中的index.html就是所提供的structure@facundo编辑后，我只是给出了相关的细节。这将有助于更好地理解帖子中的错误。