Safari browser pluralization failure

In the Safari browser (Version 12.1.1) using ICU message format for interpolation leads to an error:

Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating '(_a = Intl.PluralRules).bind')

The global object Intl is empty. And binding of Intl.PluralRules cause to the error.

devDependencies

"sapper": "^0.27.9",
"svelte": "^3.12.1",
"svelte-i18n": "^1.1.2-beta",

[rodoch]

Resurrecting this issue as I can verify it’s a real problem on older versions of Safari and when it occurs as an uncaught exception it can hang your application. This is how I solved it:

Install plural rules polyfill

npm install @formatjs/intl-pluralrules

As per https://formatjs.io/docs/polyfills/intl-pluralrules

Conditionally load polyfill in client.js

import * as sapper from '@sapper/app';

import 'i18n';

const config = {
    target: document.querySelector('#sapper')
};

if (!Intl.PluralRules) {
    (async () => {
        await import('@formatjs/intl-pluralrules/polyfill');
	await import('@formatjs/intl-pluralrules/dist/locale-data/en');
	await import('@formatjs/intl-pluralrules/dist/locale-data/ga');
	sapper.start(config);
    })();
} else {
    sapper.start(config);
}

[felideon]

Hi @kaisermann. It’s actually not affecting me anymore because I am no longer doing any redirects for the default locale.