Error in Chrome console: channel closed

  1. I’m still a beginner to JavaScript.
  2. I’m using Chrome v148.0.7778 on Windows 11.
  3. I’m using Visual Studio Code v1.119 (latest version) with the VSC extension Live Server. I use Chrome to open the website.

I’m getting this error in the Chrome console: “Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received”

Here’s my HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <! link rel="stylesheet" href="style.css">
</head>
<body bgcolor="#c0c0c0">
  <h1 id="header">Javscript DOM Manpulation 2026</h1>
  <p id="para1">Test Paragraph one.</p>
  <ol>
    <li class="listitem">One</li>
    <li class="listitem">Two</li>
    <li class="listitem">Three</li>
  </ol>
</body>
  <script src="script.js"></script>
</html>

Here’s my script.js file:

console.log("Hello world");

I got this on every JS file I did in the past week as well. Does anyone know how I can fix this message so it doesn’t show?

Thank you!

that error would not come from your JS file, could you maybe try turning off some extensions or something like that?

I changed a setting in VSC for Live Server.

Use 127.0.0.1 Instead of Localhost: Address resolution issues can cause channel timeouts. In VS Code settings, search for liveServer.settings.useLocalIp and set it to true, or manually change your browser URL from localhost:5500 to 127.0.0.1:5500. Live Server FAQ - Ritwick Dey on GitHub

That didn’t help. The error appears after 5-8 seconds after the web page is loaded after a change in the file. I do need Live Server to do this tutorial. I’ll check and remove other extensions I don’t need.

EDIT: I uninstalled a bunch of extensions in VSC I no longer need and I still get the problem.

I got it. I disabled the Adobe extension in the browser then reloaded the page. I should have known.