gpt4 book ai didi

webpack - 当 block 加载失败时,Webpack 是否提供全局错误 Hook ?

转载 作者:行者123 更新时间:2023-12-02 21:26:35 24 4
gpt4 key购买 nike

从 RequireJS 迁移到 Webpack 4 后,我一直在寻找相当于 require.onError 的东西。捕获运行时 block 加载错误,但我找不到任何选项来添加全局错误处理程序。

我知道使用异步 import 调用时可以捕获错误,如下所示:

import('module/path')
.catch(function() {
// error handling code
});

但是,是否有一个 Webpack 选项可以添加通用 block 加载错误捕获?这样我就可以向用户提供进一步的故障排除选项(例如刷新页面提示)。

我的应用程序大量使用异步/延迟加载,并且在每个 import 调用中内联添加错误管理代码不是一个选项,因为我需要回退以确保会出现错误处理程序,以防开发人员忘记添加错误管理。

最佳答案

遇到同样的问题并探索了 webpack 4,但在 webpack 中找不到类似 require.onError 的动态导入内容。我编写了一个 babel 插件,它将附加 catch 到每个动态导入,并在 babel 插件选项中获取错误处理函数定义。

由于动态导入是 promise ,因此链接 promise 和附加 catch 将附加自定义错误处理程序,而不会导致现有代码中断。

这是 babel 插件,https://www.npmjs.com/package/babel-plugin-dynamic-import-override

附注我不想使用 window.onerror 并且想要特定的错误处理程序。

关于webpack - 当 block 加载失败时,Webpack 是否提供全局错误 Hook ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55801447/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com