babeljs - React 服务器端渲染意外 token 、JSX 和 Babel

Question

我无法找到使用 babel 的正确方法来允许我在服务器端使用 jsx。

Node-jsx 已被 babel 弃用。看起来应该使用 babel-core/register ，但我仍然遇到意外的 token 问题。

我创建了一个存储库来解决我遇到的问题。

https://github.com/pk1m/Stackoverflow-helpme

当我运行 node app 或 npm run watch-js 时，我不断收到引用 JSX 代码“<”的意外 token 。

我如何让 babel 转译 JSX，或者我完全关闭了，谢谢。

Answer 1

您需要使用babel-register(npm i babel-register --save)。并在您的服务器上运行:

require('babel-register')({
    stage: 0
});

如果您不使用实验性 babel 功能，则可以省略阶段 0。另外，您可能更愿意将这些选项放在 .babelrc 中。

请注意，它仅适用于调用该函数后所需的文件(因此它不会对您包含它的文件产生影响)。

您还可以在 .babelrc 文件中包含预设和其他选项。

对于babel 6x:

npm i babel-register babel-preset-es2015 babel-preset-react --save

require('babel-register')({
    presets: ['es2015', 'react']
});

注意:还有阶段 0-2 预设。

要观看您在 package.json 中编写的内容，您可以尝试 CLI 命令，就像 facebook 在注释 here 中建议的那样。 (或使用 webpack):

babel --presets react es2015 --watch app/ --out-dir build/