Source Maps

To enable readable stack traces in your Sentry errors, you need to upload your source maps to Sentry.

Uploading Source Maps in a Vue Project

Using the Sentry Wizard

The easiest and recommended way to configure uploading source maps is by using the Sentry Wizard:

npx @sentry/wizard@latest -i sourcemaps

The wizard will guide you through the following steps:

• Logging into Sentry and selecting a
  projectRepresents your service in Sentry and allows you to scope events to a distinct application.
• Installing the necessary Sentry packages
• Configuring your build tool to generate and upload source maps
• Configuring your CI to upload source maps

If you want to configure source maps upload manually, follow the guide for your bundler or build tool below.

Manual Setup with Vite

If you are using Vue, chances are good you are using Vite to bundle your

Installation

npm install @sentry/vite-plugin --save-dev

Configuration

Learn more about configuring the plugin in our Sentry Vite Plugin documentation.

To upload source maps you have to configure an auth

SENTRY_AUTH_TOKEN=sntrys_YOUR_TOKEN_HERE

Example:

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { sentryVitePlugin } from "@sentry/vite-plugin";

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    sourcemap: true, // Source map generation must be turned on
  },
  plugins: [
    vue(),

    // Put the Sentry vite plugin after all other plugins
    sentryVitePlugin({
      org: "example-org",
      project: "example-project",
      authToken: process.env.SENTRY_AUTH_TOKEN,
    }),
  ],
});

Other Bundlers

In case you are using a bundler other than Vite to build your Vue

• Webpack
• TypeScript (tsc)
• Rollup
• esbuild

Other Tools

If you're not using any of tools above, we assume you already know how to generate source maps with your toolchain and we recommend you upload them using Sentry CLI.