Source Maps

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

Upload Source Maps for a Svelte Project

Using the Sentry Wizard

The easiest 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.

Manually Configuring Source Maps Upload

To generate source maps with your Svelte

import sveltePreprocess from "svelte-preprocess";

const config = {
  compilerOptions: {
    enableSourcemap: true,
  },
  preprocess: sveltePreprocess({
    sourceMap: true,
  }),
};

export default config;

If you're using Vite in you Svelte project, you can use Sentry's Vite plugin for convenience:

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

To upload source maps you have to configure an auth

SENTRY_AUTH_TOKEN=sntrys_YOUR_TOKEN_HERE

Configure Vite to emit source maps and use the Sentry Vite plugin:

import { defineConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { sentryVitePlugin } from "@sentry/vite-plugin";

export default defineConfig({
  build: {
    sourcemap: true, // Source map generation must be turned on
  },
  plugins: [
    svelte(),

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

Other Bundlers

If you're using a bundler other than Vite, check out our general guide on how to upload source maps, or refer to your bundler's documentation.