React Serverside渲染意外令牌,JSX和Babel

pk1m

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

不建议使用Node-jsx的babel。似乎babel-core/register应该使用什么,但是我仍然遇到意外的令牌问题。

我创建了一个有问题的仓库。

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

当我运行时,node app或者npm run watch-js不断收到意指JSX代码“ <”的意外令牌。

我如何让Babel移植JSX,还是我完全离开了,谢谢。

多米尼克

您需要使用babel-registernpm 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 (或使用webpack):

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

带有React jsx和babel的意外令牌

Webpack,React,JSX,Babel-意外令牌<

React,Babel,Webpack无法解析jsx,意外的令牌错误

Webpack、React JSX、Babel:模块构建失败,“意外令牌”为空?

Webpack&Babel:React组件“意外令牌'<'”的服务器端渲染

Babel意外令牌编译React组件

Jest遇到意外令牌(React,Typescript,Babel,Jest和Webpack设置)

Webpack和React-意外令牌

Webpack和React出现意外令牌

React Native渲染功能给出错误:意外令牌

渲染 React 组件时出现意外令牌

在渲染后,React Component'解析错误:意外的令牌,预期为“;”

React Native:意外的令牌

如何配置Electron,Webpack,Babel,React和JSX?

Firebase和Create React给出“意外令牌<”错误

意外令牌<与React Router和Nginx一起使用

Electron和React的语法错误:意外的令牌

如何使用react和typescript根据条件渲染jsx?

React渲染字符串数组和JSX

使用React和JSX从API渲染富文本的技术

babel-loader jsx SyntaxError:意外令牌

React Router和Redux Auth令牌双重渲染

从CDN运行babel时,如何避免React应用出现错误“意外令牌<”?

在使用babel的React组件中,箭头功能被视为意外令牌

无法使用“ babel-plugin-react-css-modules”导入CSS-获取“ ParseError:意外令牌”

无法通过react jsx传递状态值。收到错误-意外令牌:“此”

在 JSX React 中定义数据时出现意外的令牌错误

React-意外的令牌,预期;

React Native fetch,意外的令牌