Honeybadger projectRoot 与 webpack

Posted 2023-02-16

【中文标题】Honeybadger projectRoot 与 webpack

【英文标题】：Honeybadger projectRoot with webpack

【发布时间】：2021-12-03 04:21:53

【问题描述】：

我有一个使用 @vue/cli v3 的 Vue2 项目。我添加了@honeybadger-io/vue 库。一切正常，通知正在显示。然而，在尝试让 sourceMaps 和部署自动运行时，我遇到了障碍。

其中一个配置选项是projectRoot。我不知道应该是什么值。

来自文档：

当您在堆栈跟踪中告诉我们您的应用程序代码的路径时，Honeybadger 可以将您的应用程序代码与您的依赖项和供应商代码分开。 ...当使用源映射时，projectRoot 需要成为源映射中应用程序代码的路径。如果你使用 webpack，那么你可能想要'webpack:///./'

这部分是为了帮助减少噪音。查看我在 Honeybadger 中的错误，它们主要来自两个地方。

1 是webpack:///./src/*。这是来自我写的抛出错误的文件。

2 是webpack:///./node_modules/*。这是来自引发错误的库。

我也想记录引发错误的 node_module，但我希望尽可能少的噪音和无关路径。

我应该使用webpack:///./ 作为projectRoot 还是webpack:///./src/，因为我所有的文件都在src 目录中？它说'你的应用程序代码的路径'来分隔依赖关系和供应商代码，所以它只需要我的应用程序代码或所有应用程序代码的路径，包括node_modules？

似乎两者都有效。当我尝试任何一个选项时，我无法区分，但这并不意味着它们都是正确的。任何帮助将不胜感激。

【参考方案1】：

这不是一个完整的答案，但如果有人在展望未来，我将webpack:///./ 完美地设置为projectRoot。我想这是有道理的，因为它实际上是项目根目录。