当前位置: 首页 > article >正文

nextjs使用next-intl要注意

之前设计时没注意,在服务端组件直接使用了:

import { useTranslations } from 'next-intl';
const t = useTranslations();

网页一直没出错,就没注意,但如果page设置成了async,就会出现[Error: Expected a suspended thenable. This is a bug in React. Please file an issue.]错误。

记着,服务端组件调用next-intl必须:

import { getTranslations } from 'next-intl/server';

export default async function Home() {
  const t = await getTranslations();
  return (
    <div>
      
    </div>
  );
}


http://www.kler.cn/a/597119.html

相关文章:

  • 整理和总结微信小程序的高频知识点
  • SQL Server2019安装步骤+使用+解决部分报错+卸载(超详细 附下载链接)
  • 【GeeRPC】项目总结:使用 Golang 实现 RPC 框架
  • 可以高效记录工作生活琐事的提醒APP工具
  • 走进Java:String字符串的基本使用
  • SVN无法弹出账号密码
  • Labview和C#调用KNX API 相关东西
  • C++ --- 多态
  • QT开发(4)--各种方式实现HelloWorld
  • 《Git:基本命令使用》
  • FPGA 以太网通信(四)网络视频传输系统
  • 蓝桥备赛(24)算法篇【前缀和】
  • 《虚拟战场的对决》
  • VLAN:逻辑隔离冲突网络的详细讲解
  • 行业分析---小鹏汽车2024全年财报
  • (C语言)typedef 讲解
  • (UI自动化测试)第二篇:元素定位的方法_class定位
  • Spring6:10 数据校验-Validation
  • 从投机到可持续发展:ETHDenver 2025 的关键启示!
  • JVM垃圾回收笔记02-垃圾回收器