由于我想在React中使用服务器渲染,因此我尝试使用this starter project。但是,server.js
文件是用ES6语法编写的,因此当我将其部署到Node生产服务器时,它表示类似import express from "express";
的内容,这意味着它无法读取ES6语法。我知道可以替换const express = require('express');
,但这不能解决所有问题,因为有React组件代码,如下所示。
const html = ReactDOMServer.renderToString(
<JssProvider registry={sheetsRegistry} generateClassName={generateClassName}>
<MuiThemeProvider theme={theme} sheetsManager={sheetsManager}>
<App />
</MuiThemeProvider>
</JssProvider>,
);
我需要我的Node服务器能够读取ES6和React语法。谁能解释我如何基于this starter project实现它?
P.S。该项目通过使用"presets": ["@babel/preset-env", "@babel/preset-react"]
进行了一些Babel配置,但是当我将其部署到Node服务器上时,该项目不起作用。我错过了什么吗?