javascript - Next js 13.5.1 中的 'use client' 问题仍然在服务器端得到响应

标签 javascript next.js tailwind-css antd next.js13

我在最新版本的 next js 13.5.3 中使用“使用客户端”,但组件仍然从服务器端渲染,并且也很难在 next js 中同时使用 tailwind 和 antd

有人知道这个问题所以请帮助我

最佳答案

使用“use client”指令的 React 客户端组件将在客户端呈现,但 Next.js 在服务器端水合客户端组件,这称为 SSR。

这意味着每个客户端组件将首先在服务器上执行。

选择退出

将您的客户端代码与效果 Hook 一起放置,例如 useEffect

useEffect(() => {
  console.log("this should only be logged in the browser console")
}, [])

通过动态导入禁用组件的 SSR

import dynamic from "next/dynamic"
const ClientComponent = dynamic(import("path/to/component.tsx"), { ssr: false })

关于javascript - Next js 13.5.1 中的 'use client' 问题仍然在服务器端得到响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/77200502/

相关文章:

javascript - 当我已有 onclick 事件时,如何添加按键事件?

javascript - 为什么我的图片隐藏了页脚?

javascript - 未生成来自 tailwind.config.js 的自定义顺风颜色

html - 当内容滚动经过视口(viewport)时 CSS 背景不可见

react-redux - 在 Next.js 中使用 Nodemailer 时无法解析 child_process

css - 当tailwind css模式以 Angular 13打开时如何将页面背景颜色变成深色

javascript - 从字符串创建 DOM 文档,不使用 JQuery

javascript - 通过使用 Ruby 或 Javascript 检查 API 进行 Mediawiki 身份验证

reactjs - 在网站中使用 svg 图像的缺点?

node.js - 未隐藏在 nginx 反向代理中的端口号(下一个 js 服务器)