我正在编写一个快速服务器,我想要的只是让其中一个端点在服务器端呈现 React 组件并返回结果。目前,我遇到了这个错误:
res.send(renderToString(<h1>hello world</h1>))
^
SyntaxError: Unexpected token '<'
我正在尝试使用 babel-node 运行脚本,并根据 this thread from a few years ago 中概述的策略采用我的方法。我安装了 @babel/preset-react
但无济于事。
.babelrc
{
"presets": ["@babel/preset-env",["@babel/preset-react",{
"development": true
}]
],"plugins": ["@loadable/babel-plugin"]
}
启动脚本
"scripts": {
"start": "nodemon --exec babel-node src/server.js"
}
端点
app.get('/dev/edit',(req,res) => {
const { dehydrated } = req.body
console.log('Received edit request.')
// top of file: import { renderToString } from 'react-dom/server.js'
res.send(renderToString(<h1>hello world</h1>))
})
非常感谢您的任何帮助!