React中使用t9n库plural属性时出现ICU语法错误该如何解决？

嘿，我来帮你搞定这个t9n库的ICU语法错误问题～

问题出在哪？ #

你遇到的编译错误完全是因为ICU复数格式写得不符合规范，主要有两个小问题：

• 复数分支（one和默认分支）之间得用分号;分隔，你用成逗号,了，这是ICU语法的硬性要求
• ICU plural的默认分支关键字是other，不是others，这个是标准约定，写错了也会触发语法报错

修正后的代码 #

把你的代码改成下面这样，就能正常编译运行了：

t9n("{count, plural, one {one other} other {# others}}", { count: userIds.length - 1 })

关于DEBUG_ICU调试的设置 #

如果以后再碰到类似的ICU语法问题，可以按照提示开启调试模式来排查：

• 要是用npm/yarn启动项目，直接在启动命令前加环境变量就行：

  DEBUG_ICU=true npm start
  

• 或者直接在代码里设置（记得只在开发环境用哦）：

  process.env.DEBUG_ICU = 'true';
  

开启后会输出更详细的ICU语法解析日志，能帮你更快定位格式问题。

内容的提问来源于stack exchange，提问作者Abhisar Tripathi