babeljs - 将 babel-preset-react-app 与 @babel/register 一起使用

Question

我在不弹出的情况下尝试使用 create-react-app 进行 SSR。

在this存储库，使用 react-app 预设进行如下更改失败。

diff --git a/server/index.js b/server/index.js
index 9b0deea..b5e5d5f 100644
--- a/server/index.js
+++ b/server/index.js
@@ -30,7 +30,7 @@ register(ignoreStyles.DEFAULT_EXTENSIONS, (mod, filename) => {
 require('@babel/polyfill');
 require('@babel/register')({
   ignore: [/\/(build|node_modules)\//],
-  presets: ['@babel/preset-env', '@babel/preset-react'],
+  presets: ['@babel/preset-env', 'react-app'],
   plugins: [
     '@babel/plugin-syntax-dynamic-import',
     'dynamic-import-node',

错误是

/xxxxxx/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread.js:1
(function (exports, require, module, __filename, __dirname) { import defineProperty from "./defineProperty";
                                                                     ^^^^^^^^^^^^^^

SyntaxError: Unexpected identifier
    at new Script (vm.js:80:7)
    at createScript (vm.js:264:10)
    at Object.runInThisContext (vm.js:316:10)
    at Module._compile (internal/modules/cjs/loader.js:670:28)
    at Module._compile (/xxxxxx/node_modules/pirates/lib/index.js:83:24)
    at Module._extensions..js (internal/modules/cjs/loader.js:718:10)
    at Object.newLoader [as .js] (/xxxxxx/node_modules/pirates/lib/index.js:88:7)
    at Module.load (internal/modules/cjs/loader.js:605:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:544:12)
    at Function.Module._load (internal/modules/cjs/loader.js:536:3)

似乎this issue是相关的，但我在那里找不到任何提示或指示。

我想使用 react-app 预设，因为 typescript 和 NODE_PATH 似乎依赖于它。

如何在 SSR 中使用 babel-presets-react-app？

Answer 1

require('babel-register')({ ignore: /\/(build|node_modules)\//, presets: ['react-app'] })