ReferenceError: exports is not defined about swr

[pacocoursey]

Would you provide some more information on your project setup? Are you using Next.js, CRA, or similar? Any configuration files would be helpful too.

This should work out of the box with Next.js if you want to get started quickly:

npm init next-app && yarn add swr

[marcelokanzaki]

It's a rails project with webpacker.

Here is my babel.config.js file:

module.exports = function(api) {
  var validEnv = ['development', 'test', 'production']
  var currentEnv = api.env()
  var isDevelopmentEnv = api.env('development')
  var isProductionEnv = api.env('production')
  var isTestEnv = api.env('test')

  if (!validEnv.includes(currentEnv)) {
    throw new Error(
      'Please specify a valid `NODE_ENV` or ' +
        '`BABEL_ENV` environment variables. Valid values are "development", ' +
        '"test", and "production". Instead, received: ' +
        JSON.stringify(currentEnv) +
        '.'
    )
  }

  return {
    presets: [
      isTestEnv && [
        require('@babel/preset-env').default,
        {
          targets: {
            node: 'current'
          }
        }
      ],
      (isProductionEnv || isDevelopmentEnv) && [
        require('@babel/preset-env').default,
        {
          forceAllTransforms: true,
          useBuiltIns: 'entry',
          corejs: 3,
          modules: false,
          exclude: ['transform-typeof-symbol']
        }
      ],
      [
        require('@babel/preset-react').default,
        {
          development: isDevelopmentEnv || isTestEnv,
          useBuiltIns: true
        }
      ]
    ].filter(Boolean),
    plugins: [
      require('babel-plugin-macros'),
      require('@babel/plugin-syntax-dynamic-import').default,
      isTestEnv && require('babel-plugin-dynamic-import-node'),
      require('@babel/plugin-transform-destructuring').default,
      [
        require('@babel/plugin-proposal-class-properties').default,
        {
          loose: true
        }
      ],
      [
        require('@babel/plugin-proposal-object-rest-spread').default,
        {
          useBuiltIns: true
        }
      ],
      [
        require('@babel/plugin-transform-runtime').default,
        {
          helpers: false,
          regenerator: true,
          corejs: false
        }
      ],
      [
        require('@babel/plugin-transform-regenerator').default,
        {
          async: false
        }
      ],
      isProductionEnv && [
        require('babel-plugin-transform-react-remove-prop-types').default,
        {
          removeImport: true
        }
      ]
    ].filter(Boolean)
  }
}

[adamsanderson]

Since webpacker adds a layer of indirection, you might want to verify everything is in the right places. I would double check that @zeit/swr is in the node_modules directory and listed in your package.json alongside react and other packages.

[siebertm]

We're running into this issue, too.

By default, webpacker configures babel to transpile node_modules, too. In our config, we disabled this, opting in to modules which provide ES6 code.

As swr uses arrow functions in it's dist modules, this breaks IE11, so we'd opt in to having babel transpile swr, too.

Now, something in the chain breaks and leads to ReferenceError: exports is not defined in the line

Object.defineProperty(exports, "__esModule", {
  value: true
});

(dist/useSWR.js)

[jakobrosenberg]

Also getting this error.

Could it be related to dynamic imports?

[shuding]

This issue should have been fixed in v0.2.3.