我正在尝试为一个新的nextJS应用程序构建一个组件库。nextJS应用程序有“app router”。
样式化的组件在我使用的时候工作得很好，直接集成在nextJS代码中，当我想使用组件库时，问题就出现了，我有。
我做了nextJS推荐的一切，我在next.config.js中设置了以下内容

/** @type {import('next').NextConfig} */
const nextConfig = {
  compiler: {
    styledComponents: {
      // Enabled by default.
      cssProp: true,
    },
  },
}

module.exports = nextConfig

我还根据nextJS定义包含了“StyledComponentsRegistry”。
我已经配置了库，以便它是使用汇总构建的。
首先，我尝试将styled-components保持为peerDependency，并在rollup中将其添加为“external”。这不起作用（它在浏览器中工作得很好，因为客户端代码工作得很好，但是在生成页面时，它在控制台中给了我一个错误。它基本上给了我以下错误，因为webpack无法包含样式化组件库styled_components__webpack_imported_module_0__ is not a function）
因此我尝试将styled-components作为直接依赖项包含进来，并修改了StyledComponentsRegistry，使其也包含库中的styled-components版本。如下所示：

'use client';
 
import React, { useState } from 'react';
import { useServerInsertedHTML } from 'next/navigation';
import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
import { StyledComponentsServerStyleSheet, StyledComponentsStyleSheetManager } from 'skafte-cms';
 
export default function StyledComponentsRegistry({
  children,
}) {
  // Only create stylesheet once with lazy initial state
  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
  const [cmsStyledComponentsStyleSheet] = useState(() => new StyledComponentsServerStyleSheet());
 
  useServerInsertedHTML(() => {
    const styles = styledComponentsStyleSheet.getStyleElement();
    styledComponentsStyleSheet.instance.clearTag();
    const cmsStyles = cmsStyledComponentsStyleSheet.getStyleElement();
    cmsStyledComponentsStyleSheet.instance.clearTag();
    return <>{styles}{cmsStyles}</>;
  });
 
  if (typeof window !== 'undefined') return <>{children}</>;
 
  return (
    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
      <StyledComponentsStyleSheetManager sheet={cmsStyledComponentsStyleSheet.instance}>
        {children}
      </StyledComponentsStyleSheetManager>
    </StyleSheetManager>
  );
}

这确实有效，但是当我加载页面时，我在控制台中得到一个错误，告诉我样式化组件没有被正确地水合（它只维护它的类，它是基于文件位置，而不是负责样式化的短类标识符）
任何帮助都很感激