在@formatjs/intl-relativetimeformat/dist/locale-data/中查找美国语言环境的位置

Question

我正在将react-intl迁移到3.0版本，并且需要为IE多填充locale-data。具体地说，我想为en-US加载一个区域设置数据的polyfill。我只能找到@formatjs/intl-relativetimeformat/dist/locale-data/en区域设置文件。

if (!Intl.RelativeTimeFormat) {
  // eslint-disable-next-line global-require
  require('@formatjs/intl-relativetimeformat/polyfill');
  // eslint-disable-next-line global-require
  require('@formatjs/intl-relativetimeformat/dist/locale-data/en-US');
}

它会导致以下错误：

Module not found: Error: Can't resolve '@formatjs/intl-relativetimeformat/dist/locale-data/en-US' in '/xxx/xxx/xxx/xxx/app'

Answer 1

在"@formatjs/intl-relativetimeformat": "^7.2.0",中尝试以下格式

import '@formatjs/intl-pluralrules/polyfill'
import '@formatjs/intl-pluralrules/locale-data/en'
import '@formatjs/intl-pluralrules/locale-data/de'

import '@formatjs/intl-relativetimeformat/polyfill'
import '@formatjs/intl-relativetimeformat/locale-data/en'
import '@formatjs/intl-relativetimeformat/locale-data/de'

并且根据https://formatjs.io/docs/react-intl/upgrade-guide-3x/#migrate-to-using-native-intl-apis，addLocaleData还没有被移除

Answer 2

尝试安装：

npm i @formatjs/intl-relativetimeformat

Answer 3

我遇到了同样的问题，当我检查node_modules/内的@formatjs目录时，没有dist目录@formatjs/intl-relativetimeformat/**dist/**locale-data/en，所以我从导入中删除了它，一切工作正常。