next.js + typescript + jest Unexpected token 'export'

Question

When I try to run jest in my Typescript Next.js project, I get this error:

    Details:

    node_modules/d3-scale/src/index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){export {
                                                                                      ^^^^^^

    SyntaxError: Unexpected token 'export'

       7 | import { useRouter } from 'next/router';
       8 | import { gql } from '@apollo/client';
    >  9 | import { scaleLinear } from 'd3-scale';

I have already tried to add d3-scale to transformIgnorePatterns in my jest config.

const nextJest = require('next/jest');

const createJestConfig = nextJest({
  dir: './',
});
const customJestConfig = {
  moduleDirectories: ['node_modules', '<rootDir>/'],
  testEnvironment: 'jest-environment-jsdom',
  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/', '<rootDir>/pages/test.tsx'],
  moduleNameMapper: {
    '\\.(scss|sass|css)$': 'identity-obj-proxy',
  },
  transform: {
    '\\.[jt]sx?$': 'babel-jest',
  },
  transformIgnorePatterns: [
    '/node_modules/(?!d3-scale)',
  ],
};
module.exports = createJestConfig(customJestConfig);

Kaiser theDev · Accepted Answer · 2022-09-19 21:25:50Z

3

You can't override transformIgnorePatterns in Next.js, only extend it.

A valid workaround can be (inside your jest.config.js):

async function jestConfig() {
  const nextJestConfig = await createJestConfig(customJestConfig)()
  nextJestConfig.transformIgnorePatterns[0] = '/node_modules/(?!d3-scale)/'
  return nextJestConfig
}

module.exports = jestConfig
//module.exports = createJestConfig(customJestConfig)

answered Sep 19, 2022 at 21:25

Kaiser theDev

313 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

next.js + typescript + jest Unexpected token 'export'

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related