c97e53efe1
Fix https://github.com/vercel/next.js/issues/16197 See my screenshot. Testing url is changed to http://localhost:3000/test and can find the source map. <img width="826" alt="圖片" src="https://user-images.githubusercontent.com/1462027/90737991-d74eeb00-e300-11ea-9675-f25aef6a4062.png">
75 lines
2.4 KiB
JavaScript
75 lines
2.4 KiB
JavaScript
// Use the hidden-source-map option when you don't want the source maps to be
|
|
// publicly available on the servers, only to the error reporting
|
|
const withSourceMaps = require('@zeit/next-source-maps')()
|
|
|
|
// Use the SentryWebpack plugin to upload the source maps during build step
|
|
const SentryWebpackPlugin = require('@sentry/webpack-plugin')
|
|
const {
|
|
NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN,
|
|
SENTRY_ORG,
|
|
SENTRY_PROJECT,
|
|
SENTRY_AUTH_TOKEN,
|
|
NODE_ENV,
|
|
VERCEL_GITHUB_COMMIT_SHA,
|
|
VERCEL_GITLAB_COMMIT_SHA,
|
|
VERCEL_BITBUCKET_COMMIT_SHA,
|
|
} = process.env
|
|
|
|
const COMMIT_SHA =
|
|
VERCEL_GITHUB_COMMIT_SHA ||
|
|
VERCEL_GITLAB_COMMIT_SHA ||
|
|
VERCEL_BITBUCKET_COMMIT_SHA
|
|
|
|
process.env.SENTRY_DSN = SENTRY_DSN
|
|
const basePath = ''
|
|
|
|
module.exports = withSourceMaps({
|
|
serverRuntimeConfig: {
|
|
rootDir: __dirname,
|
|
},
|
|
webpack: (config, options) => {
|
|
// In `pages/_app.js`, Sentry is imported from @sentry/browser. While
|
|
// @sentry/node will run in a Node.js environment. @sentry/node will use
|
|
// Node.js-only APIs to catch even more unhandled exceptions.
|
|
//
|
|
// This works well when Next.js is SSRing your page on a server with
|
|
// Node.js, but it is not what we want when your client-side bundle is being
|
|
// executed by a browser.
|
|
//
|
|
// Luckily, Next.js will call this webpack function twice, once for the
|
|
// server and once for the client. Read more:
|
|
// https://nextjs.org/docs/api-reference/next.config.js/custom-webpack-config
|
|
//
|
|
// So ask Webpack to replace @sentry/node imports with @sentry/browser when
|
|
// building the browser's bundle
|
|
if (!options.isServer) {
|
|
config.resolve.alias['@sentry/node'] = '@sentry/browser'
|
|
}
|
|
|
|
// When all the Sentry configuration env variables are available/configured
|
|
// The Sentry webpack plugin gets pushed to the webpack plugins to build
|
|
// and upload the source maps to sentry.
|
|
// This is an alternative to manually uploading the source maps
|
|
// Note: This is disabled in development mode.
|
|
if (
|
|
SENTRY_DSN &&
|
|
SENTRY_ORG &&
|
|
SENTRY_PROJECT &&
|
|
SENTRY_AUTH_TOKEN &&
|
|
COMMIT_SHA &&
|
|
NODE_ENV === 'production'
|
|
) {
|
|
config.plugins.push(
|
|
new SentryWebpackPlugin({
|
|
include: '.next',
|
|
ignore: ['node_modules'],
|
|
stripPrefix: ['webpack://_N_E/'],
|
|
urlPrefix: `~${basePath}/_next`,
|
|
release: COMMIT_SHA,
|
|
})
|
|
)
|
|
}
|
|
return config
|
|
},
|
|
basePath,
|
|
})
|