它是一个 webpack 的 loader ,帮助你在编异步 JS 代码时自动添加 try-catch-and-finally。

$ npm i no-catch-loader

vue.config.js

const path = require('path')
module.exports = defineConfig({
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/, // 刨除哪个文件里的js文件
          include: path.resolve(__dirname, './src'),
          use: [
            { loader: 'babel-loader' },
            {
              loader: 'no-catch-loader',
              // 没有特殊要求可不配置
              options: {
                catchCode: (identifier) => `console.log(${identifier})`,
                identifier: 'error',
                finallyCode: 'console.log("finally")',
              },
            },
          ],
        },
      ],
    },
  },
});

const DEFAULT_OPTIONS = {
    catchCode: (identifier) => `console.log(${identifier})`,
    identifier: "error",
    finallyCode: null,
};