Tengo una aplicación Angular 12 con dos idiomas (español e inglés). En la página de índice tengo una pantalla de inicio de sesión con el menú de la barra de herramientas con selección de idioma.

He usado i18n como forma de internazionalizar la aplicación. Cuando construyo la aplicación angular, el menú para cambiar entre idiomas funciona bien. Los resultados language-app son 'dist/es' y 'dist/en'

El código componente.html:

 <mat-menu #idiomas="matMenu"> <a mat-menu-item i18n href="/es">Español</a> <a mat-menu-item i18n href="/en">Inglés</a> </mat-menu>

El main.js para iniciar Electron:

 const { app, BrowserWindow } = require('electron') const url = require("url"); const path = require("path"); function createWindow () { //Obtenemos el idioma del usuario//get user locale const language = app.getLocale(); const win = new BrowserWindow({ webPreferences: { nodeIntegration: true } }) win.loadFile(__dirname+'/dist/'+language+'/index.html') } app.whenReady().then(createWindow) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow() } })

Electron carga bien al obtener la configuración regional del usuario con: __dirname+'/dist/'+language+'/index.html'

Cuando hago clic en el menú angular de idioma, la pantalla se pone en blanco y no veo nada en la consola

¡Gracias por la ayuda!