Next.js 带样式化组件的下一个JS组件库

我正试图让下一个js使用transpiled样式的组件库正确加载。下面是一个简单的回购协议，用于重现问题：

所以发生的事情是，我有一个小应用程序来呈现组件，但它不会在SSR请求上显示样式，只有当客户端已经加载时

我正在尝试在文档中加载的所有情况：

但是它无法从组件捕获css。只有在SSR中构建的组件本身起作用，而不是我导入的组件

我如何调试它，并弄清楚CSS如何也可以附加到SSR请求上，而不仅仅是加载JS

---

在组件库中使用时，我能够获得一些工作，因为它输出一个CSS文件，我能够导入并添加到SSR渲染中。但是我如何用样式化的组件来实现这一点呢？

我看到了您的回购协议，看起来您的.babelrc可以更改

这个配置对我来说很好：

"plugins": [
        [
          "babel-plugin-styled-components",
          {
            "ssr": true,
            "displayName": true,
            "preprocess": false,
            "minify": false
          }
        ]
      ]

---

样式在SSR中加载，没有发生奇怪的闪烁。我希望这能帮到你。

谢谢你的提示，但我试过了，它仍然在闪烁。我以前有过这些选择，但没有多大区别。如果你自己在回购协议上尝试一下，我会很高兴的，只是克隆并尝试一下，因为我已经尝试了太多不同的东西，现在我有点困惑@Edrian