我正在为一个客户端用Tailwind构建一个小型的Next 13应用程序。我遇到的问题是，每当我在第一次加载时，我得到了一堆错误。一些功能，如显示菜单悬停以及点击事件的图像不工作。只有在页面刷新或删除.next文件夹和清空浏览器缓存一切正常。第一个错误消息是“uncaught syntaxerror：Invalid or Unexpected token”，指向.next静态layout.css文件。在控制台中，描述了其他几个问题，涉及水合问题和ChunckLoad问题。是什么导致此错误？
更新！当我删除浏览器历史记录和缓存文件时，错误就消失了。在浏览器中运行一次并再次打开应用程序后，错误又回来了？
x1c 0d1x的数据
的
的
1条答案
按热度按时间relj7zay1#
我通过重构应用程序解决了这个问题。标题中的导航栏菜单是通过导入静态数据创建的（对象数组）本地。我导入的数据客户端一样，在第一次React，这导致了错误，现在我在服务器组件中获取数据，然后将该组件导入到客户端组件中。我知道这在Next 13中是不可能的，但有一个解决方案，通过传递一个服务器组件作为客户端组件的 prop 。现在错误消失了，一切正常。
在接下来的文档中描述为：“由于客户端组件在服务器组件之后呈现，因此您无法将服务器组件导入到客户端组件模块中（因为它需要向服务器返回新请求，因此需要刷新才能使一切正常工作）。相反，您可以将服务器组件作为props传递给客户端组件。”