How to resolve “Cannot use import statement outside a module” from Jest when running tests?

by

I was having the same failure (also using Babel, Typescript and Jest), it was driving me crazy for hours!

Ended up creating a new babel.config.js file specifically for the tests. I had a large .babelrc that wasn’t getting picked up by jest no matter what I did to it. The main app still uses the .babelrc as this overrides babel.config.js files.

Steps I took:

Install jest, ts-jest and babel-jest:

npm i jest ts-jest babel-jest

Add babel.config.js (only used by jest)

module.exports = {presets: ['@babel/preset-env']}

In jest.config.js update to:

module.exports = {
  preset: 'ts-jest',
  transform: {
    '^.+\\.(ts|tsx)?$': 'ts-jest',
    "^.+\\.(js|jsx)$": "babel-jest",
  }
};

package.json

  "scripts": {
    "test": "jest"

More Related Contents:

  1. How to resolve “Cannot use import statement outside a module” in jest
  2. SyntaxError with Jest and React and importing CSS files
  3. jest: Test suite failed to run, SyntaxError: Unexpected token import
  4. How to make Jest wait for all asynchronous code to finish execution before expecting an assertion
  5. Support for the experimental syntax ‘classProperties’ isn’t currently enabled
  6. Unexpected token ‘=’ in React Component [duplicate]
  7. Differences between creating a new class to using export const
  8. Remove console.logs with Webpack & Uglify
  9. Requires Babel “7.0.0-0” but was loaded with “6.26.3”
  10. Testing React components that fetches data using Hooks
  11. Recommended approach for route-based tests within routes of react-router
  12. Service mocked with Jest causes “The module factory of jest.mock() is not allowed to reference any out-of-scope variables” error
  13. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  14. Jest setup “SyntaxError: Unexpected token export”
  15. Jest test fails : TypeError: window.matchMedia is not a function
  16. how to change jest mock function return value in each test?
  17. How to solve the “update was not wrapped in act()” warning in testing-library-react?
  18. How do I set a timezone in my Jest config?
  19. How to test a react component that is dependent on useContext hook?
  20. Importing images breaks jest test
  21. How to test Async Storage with Jest?
  22. import a module from node_modules with babel but failed
  23. Preset files are not allowed to export objects
  24. How to get history on react-router v4?
  25. How to pass params into link using React router v6?
  26. Understanding the React Hooks ‘exhaustive-deps’ lint rule
  27. How to sync props to state using React hooks : setState()
  28. deploying create-react-app to heroku with express backend returns invalid host header in browser
  29. react router v6 No routes matched location
  30. Next Image not taking class properties

Leave a Comment