Webpack 5 SSR with react正在将body标签向下推一些像素。找不到问题。如果有人发现了什么请告诉我。在这里提供代码。
在快车一侧
app.get("*", (req, res) => {
res.send(renderer());
});renderer.js内部
import React from "react";
import { renderToString } from 'react-dom/server';
import App from "../../client/components/App";
export default () => {
const content = renderToString(<App />);
return `<!DOCTYPE html>
<html>
<head>
<title>Container App</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div id="root">
${content}
</div>
<script async src="main.js"></script>
</body>
</html>`;
}App.js内部
import React from "react";
const App = (props) => {
return (
<div>
<h1>hello</h1>
</div>
);
}
export default App;
当body标签被向下推时，html文档被正确地包含。知道为什么会这样吗
主体的CSS如下所示。
body {
margin: 0 auto;
padding: 0;
}如果你们有任何想法。Please let me know.谢谢
1条答案
按热度按时间vmdwslir1#
这应该是可行的：