next.js 样式化jsx呈现,带有下13个

drnojrws  于 2022-12-12  发布在  其他
关注(0)|答案(1)|浏览(165)

最近,我一直在尝试使用styled-jsx作为样式选项的新的next 13应用目录。不久之后,我就遇到了一个关于样式的警告:

Error: This module cannot be imported from a Server Component module. It should only be used from a Client Component

然而,根据styled-jsx文档,它应该在客户端和服务器端都能工作。那么,我遗漏了什么呢?
我的猜测是,接下来的13个默认呈现在服务器端,而styled-jsx简单地说只支持客户端;因为只要我在文件开头设置“使用客户端”,问题就消失了。

oxcyiej7

oxcyiej71#

我有完全相同的问题,并会def希望这在服务器上呈现,而不是使用use client
将styled-jsx放到一边,直到以某种方式对其进行排序。
编辑:这里有一个如何使用styled-jsx的描述:https://beta.nextjs.org/docs/styling/css-in-js

相关问题