A vite plugin that can auto inject try catch code for async function. Inspried by async-catch-loader.
Support use in:
- vue3
- vue2
- react
- vannilla js
Install:
npm i vite-plugin-async-catch -DAdd the plugin to the vite.config.ts(or vite.config.js).
In Vue3 project:
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import AsyncCatch from "vite-plugin-async-catch";
export default defineConfig({
plugins: [
vue(),
AsyncCatch({
catchCode: `console.error(e)`,
}),
],
});In Vue2 project:
import { defineConfig } from "vite";
import { createVuePlugin } from "vite-plugin-vue2";
import AsyncCatch from "vite-plugin-async-catch";
export default defineConfig({
plugins: [
createVuePlugin(),
AsyncCatch({
catchCode: `console.error(e)`,
}),
],
});In React project:
import reactRefresh from "@vitejs/plugin-react-refresh";
import { defineConfig } from "vite";
import AsyncCatch from "vite-plugin-async-catch";
export default defineConfig({
plugins: [
reactRefresh(),
AsyncCatch({
catchCode: `console.error(e)`,
}),
],
});The Options type definition:
interface Options {
catchCode: string;
identifier?: string;
finnallyCode?: any;
}The meaning of each paramter:
| name | introduce | type | default |
|---|---|---|---|
| catchCode | use in the catch block | string | console.error(e) |
| identifier | the error argument of catch block | string | e |
| finnallyCode | use in the finally block | string | null |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent