[Bug]: SyntaxError: Cannot use 'import.meta' outside a module

Version

27.4.5

Steps to reproduce

Use import.meta.url in code, such as SharedWorker:

const sharedWorker = new SharedWorker(new URL('path', import.meta.url), {
  type: 'module',
  name: 'whatever',
})

Expected behavior

I expect to be able to continue to run tests without import.meta.url failing.

Actual behavior

SyntaxError: Cannot use 'import.meta' outside a module appears in any test touching the file.

Additional context

Setting NODE_OPTIONS=--experimental-vm-modules does not work. Trying to mock out global.import.meta does not work. global.import.meta cannot be saved to a variable or exported from another file, nor the entire URL object.

Environment

System:
    OS: macOS 11.6.2
    CPU: (8) x64 Intel(R) Core(TM) i7-1068NG7 CPU @ 2.30GHz
  Binaries:
    Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node
    npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm
  npmPackages:
    jest: ^27.4.5 => 27.4.5

Issue Analytics

State:
Created 2 years ago
Comments:11

Top GitHub Comments

3reactions

taniarasciacommented, Jan 3, 2022

This issue is not resolved natively, however I made a workaround:

Create a babel-jest.config.js that uses babel-plugin-transform-import-meta.

module.exports = {
  presets: ['@babel/preset-env', '@babel/preset-react'],
  plugins: ['@babel/transform-runtime', 'babel-plugin-transform-import-meta'],
}

Then add this to jest.config.js:

transform: {
    '\\.js$': ['babel-jest', { configFile: './babel-jest.config.js' }],
  },

Hopefully that helps anyone in the future.

0reactions

github-actions[bot]commented, Feb 4, 2022

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.