Node.js 在Next.js API路由生成的SVG中包含CSS模块_Node.js_Svg_Next.js_Css Modules

Node.js 在Next.js API路由生成的SVG中包含CSS模块

node.js svg next.js

Node.js 在Next.js API路由生成的SVG中包含CSS模块,node.js,svg,next.js,css-modules,Node.js,Svg,Next.js,Css Modules,我有一个Next.js应用程序，在美国每个州都有一组动态页面。例如，显示收入数据的每个种族组的页面。在每个页面上，我用给定的数据生成一个给定州的SVG图像（例如，/data/NY/hispanic将显示一个覆盖了西班牙裔人收入数据的纽约州地图）。我使用React组件生成这个SVG，将SVG直接嵌入页面，并使用CSS模块设置SVG元素的样式对于每个页面，我都希望包含一个用于社交媒体共享的标签。到目前为止，我已完成以下设置和工作：创建下一个.js API页面，/API/socialImage 使

我有一个Next.js应用程序，在美国每个州都有一组动态页面。例如，显示收入数据的每个种族组的页面。在每个页面上，我用给定的数据生成一个给定州的SVG图像（例如，

/data/NY/hispanic

将显示一个覆盖了西班牙裔人收入数据的纽约州地图）。我使用React组件生成这个SVG，将SVG直接嵌入页面，并使用CSS模块设置SVG元素的样式

对于每个页面，我都希望包含一个用于社交媒体共享的

标签。到目前为止，我已完成以下设置和工作：

创建下一个.js API页面，

/API/socialImage

使用ReactDOM.renderToString（）呈现SVG组件

获取此SVG输出并通过

svg2img

将PNG输出流式传输到客户端

这非常有效，除了包括样式。js处理为HTML页面引入CSS模块。我怎么能这样呢

使用Next.js以更“正式”的方式输出SVG

手动挂接到下一个.js/Webpack版本，或

我自己手动拉入CSS模块样式（使用其他一些节点库）