• Review the documentation: https://docs.sentry.io/
• Search for existing issues: https://github.com/getsentry/sentry-javascript/issues
• [x Use the latest release: https://github.com/getsentry/sentry-javascript/releases

Package + Version

• @sentry/browser
• @sentry/node
• raven-js
• raven-node (raven for node)
• other:

Version:

5.0.5

Description

When doing one of the following:
import * as Sentry from '@sentry/browser';
import { init, captureMessage, captureException } from '@sentry/browser';

I will get the following error in the browser:

misc.js:3 Uncaught ReferenceError: require is not defined
    at Object../node_modules/@sentry/utils/misc.js (misc.js:3)
    at __webpack_require__ (bootstrap:63)
    at Module../node_modules/@sentry/hub/esm/scope.js (scope.js:1)
    at __webpack_require__ (bootstrap:63)
    at Module../node_modules/@sentry/hub/esm/index.js (index.js:1)
    at __webpack_require__ (bootstrap:63)
    at Module../node_modules/@sentry/minimal/esm/index.js (index.js:1)
    at __webpack_require__ (bootstrap:63)
    at Module../node_modules/@sentry/core/esm/index.js (index.js:1)
    at __webpack_require__ (bootstrap:63)

Because in misc.js a require() statement is being done. All other files seem to correctly use import and export. Do you think this is an error on our side due to our Webpack configuration, or is this an issue in Sentry?

I am thinking of the latter, because the esm files correctly use import/export except when they import the /utils/misc.js file.