javascript - 国际数字格式，货币显示 : "narrowSymbol" not supported on Next. Js 9.4.4

Question

我正在使用 Next.JS 9.4.4

尝试使用时:

new Intl.NumberFormat('en-GB', { style: 'currency', currency: currency, useGrouping: true, currencyDisplay: 'narrowSymbol'});

我收到错误:

RangeError: Value narrowSymbol out of range for Intl.NumberFormat options property currencyDisplay
    at new NumberFormat

narrowSymbol 是受支持的属性，如您所见here我已经在另一个没有使用 Next 的项目中成功地使用了它。

我是否遗漏了什么，或者是否有解决方法？

Answer 1

问题可能是您使用的浏览器不支持 narrowSymbol 货币显示。您可以在此处查看我可以使用吗:

https://caniuse.com/?search=currencyDisplay

您会看到一些浏览器(例如 Safari)是如何带有注释的:

不支持 currencyDisplay: 'narrowSymbol'。

对于这些不支持它的浏览器，您可能需要填充 Intl.NumberFormat 以便您可以访问 narrowSymbol。

那里有很多 polyfill 选项。我已经使用 formatjs.io 来解决这个确切的问题。您可以在这里找到更多信息:

https://formatjs.io/docs/polyfills/intl-numberformat