javascript - React-create-app "npm run build"未转译 JSX

Question

我使用 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 文件夹是应用程序充当客户端的文件夹。

Answer 1

好吧，我使用 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'));
});