React 服务器端渲染 Unexpected token、JSX 和 Babel

Question

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

Node-jsx 已被 babel 弃用。似乎应该使用 babel-core/register，但我仍然遇到意外的令牌问题。

我针对我遇到的问题创建了一个 repo。

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

当我运行 node app 或 npm run watch-js 时，我不断收到指向 JSX 代码“

我如何让 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 中所写的内容，您可以尝试使用 facebook 在注释 here 中建议的 CLI 命令（或使用 webpack）：

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