[筆記] Nuxt3 整合 Sentry 全記錄

Nuxt3 上線後,由於 @nuxt/sentry 套件截至 2023 年 3 月仍然僅支援 Nuxt2 的版本,所以這邊筆記一下自行整合 Nuxt3 + Vite 的版本的過程。

nuxt-js-logo


內容

1. sentry 這回是用來監測網頁端的行為。因此會需要撰寫一個僅有客戶端使用的 Plugin,並將此方法提供 nuxtApp 下方便取用。
2. nuxt.config.ts 中,若要取用 env 的值,你需要在取用的指令中多下 –dotenv .env
3. @sentry/vite-plugin 的設定可以放在 nuxt.config.ts 的 vite 中。


程式碼


參考資料

1. Nuxt 3 + Tailwind + Eslint + i18n + Sentry Starter

按讚加入粉絲團

延伸閱讀