Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'resetAll')

[kurtextrem]

I tested Edge Stable & Chrome Dev, and I can't get the website to work. It looks like this:

localStorage language entry is: "{"language":"de","locale":null}"

The error is triggered here:

SVGcode/src/js/i18n.js

Line 72 in f6f00b1

return this.translations[key];

right after this is called:

SVGcode/src/js/i18n.js

Lines 55 to 62 in f6f00b1

	async getTranslations() {
	const { language, locale } = this.currentLanguageAndLocale;
	this.translations = (
	await import(`../i18n/${language}${locale ? `-${locale}` : ''}.js`).catch(
	() => import(`../i18n/${this.defaultLocale}.js`),
	)
	).default;
	}

I'm not sure what the issue is, because if I call the loader fn manually (with '../i18n/de.js') my promise resolves correctly to a Module. But since de.js is empty... reading .default on it doesn't work?

[kurtextrem]

Two options: We wrap the line in a try ... catch or we make sure there are no i18n files that are empty in the future. What do you think?

[tomayac]

Fixed via 3d2409e#diff-84f6078d84f6fb4989bcfecc9912f18cc5d83b6924d395db9ca7c74aecc14fcd.