Webpack全局JS错误处理程序和"脚本错误"

时间:2018-03-12 11:21:46

标签: javascript webpack error-handling single-page-application

我有一个使用Webpack的反应项目构建。有一个错误(很可能是一个缺失的JS功能,但它只是一个猜测),它只会在" fetch as Google"中显示出来,无论他们使用什么浏览器/ JS引擎在这个工具中。

显然,除了window.onerrorwindow.addEventListener('error')之外,我没有控制台或其他方法来获取错误。我尝试添加这些处理程序(我认为它们可以互换)作为主要捆绑包上方的外部<script>或直接位于index.js内部作为首次导入。

这些处理程序捕获错误,但错误消息非常通用&#34;脚本错误&#34;和其他参数,如行号,是0.我搜索了这个,每个解决方案都表明这样的错误发生在没有CORS加载第三方脚本的情况下,但事情是我的页面上没有第三方脚本,有只有webpack捆绑。我想它与webpack分离模块的方式有某种关系......当我在主要组件中触发错误时,导入处理程序时,错误消息会正确显示。

我不知道哪个模块会导致此错误,因此我无法正确附加处理程序(我读到这很可能是由新的ESnext功能引起的,所以我尝试添加一些填充程序,同样在程序包内部或作为主要捆绑包上的外部脚本,但这没有帮助。)

有没有办法绕过脚本错误&#39;并获得实际的错误消息?也许有另一种全局JS错误处理方法,或者一些特定于webpack的黑客攻击?

1 个答案:

答案 0 :(得分:0)

好的,所以不是解决调试问题的答案,但如果有人在“抓取谷歌”/“页面速度洞察”JS渲染引擎中遇到未知JS错误的问题 - 尝试使用用户建议的Chrome版本 - 代理人(在我看来是Chrome/41.0.2272.118)。

当我下载适当版本的Chromium并打开我的网站时,我收到了一个JS错误,这是一个webpack / jQuery加载程序冲突。删除jQuery依赖项修复了Google的网站。