Attempted import error: 'addLocaleData' is not exported from 'react-intl'

Question

当我尝试此代码时出现 return 错误

react-intl 版本 3.1.6 && 反应版本 16.9

import { IntlProvider, FormattedMessage , addLocaleData} from 'react-intl';

Answer 1

我仍在调查，但 addLocaleData 似乎已作为 v3 的重大更改被删除。

https://formatjs.io/docs/react-intl/upgrade-guide-3x

这也让我有点困惑，因为很多教程和指南仍然使用 addLocaleData。

Answer 2

历史背景是react-intl是在Intl.PluralRules&Intl.RelativeTimeFormat不存在的时候写回来的。快进到现在，Intl.PluralRules 正式在 Intl JS 规范中，而 Intl.RelativeTimeFormat 是第 3 阶段，所以我们已经将 locale-data 的策略更改为 polyfills，而不是在没有这些 API 的浏览器上.

Answer 3

可能不是理想的解决方案，但将 react-intl 降级到 ^2.8.0 是一个快速简便的选择。