Next.js Размер Sentry Sourcemap слишком велик

Question

Я пытаюсь использовать функцию sourcemap в next.js для лучшей отладки с помощью sentry, но когда я создаю следующее приложение, оно пытается загрузить большие файлы sourcemap в sentry. Что-то не так?

https://i.stack.imgur.com/3Aql7.png

Также моя конфигурация next.config.js выглядит так.

const SentryWebpackPlugin = require('@sentry/webpack-plugin');
const withSourceMaps = require('@zeit/next-source-maps')();

webpack: (config, { dev, isServer, buildId }) => {
    if (!isServer) {
      config.resolve.alias['@sentry/node'] = '@sentry/browser';
    }
    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(
        new SentryWebpackPlugin({
          include: './app/.next',
          ignore: ['node_modules'],
          urlPrefix: '~/_next',
          release: buildId,
        }),
      );
    }

    return config;}

Answer 1

1. npm удалить @zeit / next-source-maps
2. нпм я следующий @ последний

nextjs теперь имеет встроенную конфигурацию для включения исходных карт в производство https://nextjs.org/docs/advanced-features/source-maps, я бы также предложил игнорировать *.css.map и другие файлы, которые не нужны часовому, поэтому не загружайте их.

      const SentryWebpackPlugin = require('@sentry/webpack-plugin');

...
module.exports = {
...
productionBrowserSourceMaps: process.env.NODE_ENV === 'production',
...
webpack: (config, { dev, isServer, buildId }) => {
    if (!isServer) {
      config.resolve.alias['@sentry/node'] = '@sentry/browser';
    }
    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(
        new SentryWebpackPlugin({
          include: './app/.next',
          ignore: ['node_modules', '*.css.map'],
          stripPrefix: ['webpack://_N_E/'],
          urlPrefix: '~/_next',
          release: buildId,
        }),
      );
    }

    return config;
}