Tengo un problema con el manejo de Chrome. Así es como manejo la comunicación entre mi script de contenido y mi trabajador de servicio en segundo plano.

Guión de contenido

 const sendMessage = (msg) => { return new Promise((resolve) => { console.log('1'); chrome.runtime.sendMessage(msg, (data) => { console.log('4'); resolve(data); }); }); }; sendMessage.then(...)

Oyente de fondo

 chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => { console.log('2'); myAsyncHandler().then((data) => { console.log('3'); sendResponse(data); }); return true; });

Tengo todo esto ejecutándose en una nueva pestaña, y ahora:

1. Cuando abro mi primera pestaña nueva, todo funciona como se esperaba - 0 problemas - declaraciones de registro en orden: 1, 2, 3, 4
2. Cuando abro mi segunda pestaña (ahora se están ejecutando 2 pestañas), el problema aparece cuando sendMessage devuelve null . Las declaraciones de registro aparecen en orden 1, 2, 4, 3.

Intenté depurar esto, pero no tuve suerte. Incluso intenté registrar chrome.runtime.lastError cuando recibí null en la devolución de llamada de sendMessage , pero eso no está undefined .

¡Estaría agradecido por todas las pistas sobre lo que podría estar causando esto!