Javascript 在下一个js中的样式之前呈现的DOM

我对服务器端的下一个js应用程序有问题

当我第一次在生产环境中构建和导出我的应用程序时，我可以看到dom元素，2秒钟后，我可以看到我的样式。看起来真的很奇怪。 我在next after update框架中读到了jsx中css的问题。 在开发模式下，一切都可以正常工作，但在服务器端构建之后，它看起来很奇怪

我将向您展示我的页面：

和package.json

{
  "name": "project_name",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "prod": "next export"
  },
  "dependencies": {
    "next": "9.4.4",
    "next-images": "^1.4.0",
    "prop-types": "^15.7.2",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-multi-carousel": "^2.5.5",
    "react-reveal": "^1.2.2",
    "styled-components": "^5.1.1"
  },
  "devDependencies": {
    "@babel/core": "^7.10.2",
    "babel-loader": "^8.1.0",
    "babel-plugin-styled-components": "^1.10.7"
  }
}

---

我检查了你的站点，这些样式没有在服务器端呈现。因为您使用的是样式化组件，所以请按照它们的指南在服务器端生成样式