Problem

My devtools panel cannot get message from background.
I've tried two forms of message passing.

Code

background.js

export const devtoolsPort = chrome.runtime.connect({ name: 'devtools' });

// 1
devtoolsPort.postMessage(message);
// 2
chrome.tabs.sendMessage(tabId, message);

panel.js (devtools panel)

devtoolsPort.onMessage.addListener((message) => {
  console.log('1-1', message);
});
chrome.runtime.onConnect.addListener((port) => {
  port.onMessage.addListener((message) => {
    console.log('1-2', message);
  });
});
chrome.runtime.onMessage.addListener((message) => {
  console.log('2-1', message);
});

but none of the console.log runs

Errors

background

devtools panel