@babel/preset-react 已安装但仍不解析 JSX

我正在编写一个快速服务器,我想要的只是让其中一个端点在服务器端呈现 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>))
})

非常感谢您的任何帮助!

bateerdaxia 回答:@babel/preset-react 已安装但仍不解析 JSX

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/7943.html

大家都在问