chrome 扩展 WebSocket 连接到 'ws://localhost:9090/' 失败：连接建立错误：net::ERR_CONNECTION_REFUSED答案

【问题标题】：chrome extension WebSocket connection to 'ws://localhost:9090/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSEDchrome 扩展 WebSocket 连接到 'ws://localhost:9090/' 失败：连接建立错误：net::ERR_CONNECTION_REFUSED
【发布时间】：2020-02-15 00:05:28
【问题描述】：

我正在尝试构建一个 chrome 新标签扩展，到目前为止一切都很顺利并且运行良好，但我有时会在扩展页面 WebSocket connection to 'ws://localhost:9090/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED 上不断收到此错误，当它发生时，我将不得不重新加载扩展或重新构建它让它停下来。我根本不使用 websocket（我猜）我只使用 axios 提出几个请求。这是我的清单

{
  "name": "kura-new-tab",
  "description": "An elegant new tab browser extension made with vue.",
  "version": 1.0,
  "manifest_version": 2,
  "icons": {
    "48": "icons/icon_48.png",
    "128": "icons/icon_128.png"
  },
  "author": "AmrBinBashir",
  "browser_action": {
    "default_title": "kura-new-tab"
  },
  "chrome_url_overrides": {
    "newtab": "index.html"
  },
  "background": {
    "presistent": false,
    "scripts": ["background.js"]
  },
  "permissions": ["background", "storage", "https://*.bing.com/*", "https://*.unsplash.com/*", "tabs"]
}

这是错误的图片

【问题讨论】：

错误消息显示您正在向localhost 发出请求，但未在您的"permissions" 中声明。应该添加类似ws://localhost/ 或ws://*/ 的内容。
@wOxxOm 但为什么要提出这个要求我没用。
使用 devtools 调试器设置断点并找出调用它的原因。
我还不确定，但我认为扩展是在 NODE_ENV 设置为开发的情况下构建的原因，将尝试生产一段时间并报告是否解决了问题

标签： javascript google-chrome google-chrome-extension websocket

【解决方案1】：

问题是我在开发模式而不是生产模式下构建扩展

【讨论】：

为我工作。你有没有弄清楚为什么开发模式会导致套接字错误？
没有。他们没有在生产中造成任何问题，所以我放弃了寻找解决方案。