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预设，因为打字稿内容和NODE_PATH似乎依赖于此。

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

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

0 个答案: