uncaught typeerror: cannot read properties of undefined (reading 'onmessage') - chrome extension 개발 중 일어난 에러

manifest.json

  "background": {
    "service_worker": "background.js"
  },
"permissions": [
    "tabs",
...

 

background.js

chrome.runtime.onMessage.addListener((request, __, sendResponse) => {
  console.log("Received message:", request);

  // 메시지 처리 로직
  if (request.action === "doSomething") {
    console.log("Action performed.");
    sendResponse({ status: "success" });
  } else {
    sendResponse({ status: "unknown action" });
  }
});

 

background.js에서 메세지를 받으려고 하는데 자꾸 onMessage를 못 읽겠다고 하는 버그가 있었는데 코드엔 문제가 없는데 이러는 것이 이상해서 구글링을 하다가 해결책을 발견했습니다

 

 

 

uncaught typeerror: cannot read properties of undefined (reading 'onmessage')

 

 

해결 방법은 확장 프로그램을 새로 고침하는 것이였습니다.  확장 프로그램에 들어가서 새로고침 표시를 눌러서 새로고침을 하니 제대로 전달되더라구요.

 

 

 

Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist