javascript - 在 Chrome 扩展后台脚本中使用 Sentry 不起作用

Question

我查看了官方哨兵文档，也查看了其他一些引用资料，但找不到解决方案...

基本上我试图在我的浏览器扩展中安装哨兵。

所以在我的 background.js 我做了以下

从“@sentry/browser”导入 * 作为哨兵；

Sentry.init({
  dsn: '...'
});

但是……这没有任何作用？ - 它似乎也停止了我的其余代码工作，例如:

我的 background.js 中有以下代码

chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
    if (changeInfo.status === 'complete') {
      currentTab = tab;
      console.log(tab);
    }
  });

现在，如果我注释掉哨兵 init，这段代码会按预期工作，但是一旦我将哨兵 init 放回去，这段代码就不再运行了。

我没有收到任何错误，而且我找不到任何关于如何使用浏览器扩展实现哨兵的真实示例。现在我知道这是可能的，但我显然做错了什么？

Answer 1

我似乎找到了解决问题的方法，我使用 webpack 将我的 chrome 扩展与所需的依赖项捆绑在一起。 Webpack 正在生成一个 vendor.js 文件，其中包含所有导入的依赖项。
就我而言，我犯的错误是没有在 manifest.json 文件中添加该文件作为脚本。

...
      "background": {
        "matches": ["https://*/*"],
        "scripts": ["js/vendor.js","js/background.js"],
        "persistent": true
      },
...

这解决了问题，因为依赖项现在可以正确加载。