Question

我使用create-react-app创建了一个新的React项目，但是当我使用npm run build并在浏览器中打开生成的版本（从我自己的快速应用程序提供）时，我收到有关无法识别的JSX语法的控制台错误那个没有被翻译过来。

它应该自动开箱即用，还是我需要做的其他事情？

编辑：项目结构

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

所以我使用gulp脚本在npm run build子目录中执行admin-src，然后将生成的构建传递给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'));
});

react-create-app＆＃34; npm run build＆＃34;没有转换JSX

1 个答案: