javascript - ts-jest cannot resolve tsconfig aliases - Stack Overflow

admin管理员组

文章数量:1389754

I have a typescript project and I setup aliases in ts.config.json

{
  "pilerOptions": {    
    "paths": {   
      "@pkg/*": ["./packages/*"],
        },
  }
}

in my ts files I can shorten my import paths

// example.ts
import {someThing} from '@pkg/mypackage'

it works fine with tsc and vscode can recognize the alias path correctly, but when I run npm t which runs jest it fails

Cannot find module '@pkg/mypackage' from 'example.ts'

jest.config.js

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node",
  transform: {
    "^.+\\.tsx?$": "ts-jest",
  },
};

I added this to my package.json file

"jest": {
    "moduleNameMapper": {
      "@pkg/(.*)": "<rootDir>/packages/$1"
    }
  }

I managed to use pathsToModuleNameMapper, but I had this issue

I have a typescript project and I setup aliases in ts.config.json

{
  "pilerOptions": {    
    "paths": {   
      "@pkg/*": ["./packages/*"],
        },
  }
}

in my ts files I can shorten my import paths

// example.ts
import {someThing} from '@pkg/mypackage'

it works fine with tsc and vscode can recognize the alias path correctly, but when I run npm t which runs jest it fails

Cannot find module '@pkg/mypackage' from 'example.ts'

jest.config.js

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node",
  transform: {
    "^.+\\.tsx?$": "ts-jest",
  },
};

I added this to my package.json file

"jest": {
    "moduleNameMapper": {
      "@pkg/(.*)": "<rootDir>/packages/$1"
    }
  }

I managed to use pathsToModuleNameMapper, but I had this issue https://github./kulshekhar/ts-jest/issues/2709

• javascript
• typescript
• testing
• jestjs
• ts-jest

Share Improve this question Follow edited Jun 2, 2024 at 22:29 Jasperan 4,05566 gold badges2828 silver badges6262 bronze badges asked Jun 29, 2021 at 20:59 Sherif eldeebSherif eldeeb 2,25633 gold badges2828 silver badges5454 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

I had the same problem, but managed to get it working by using a couple of plugins. I also have some extra matchers at the end for some additional test types.

My Jest-base.config.js has the tsconfig-paths-jest plugin installed and running. This plugin solved my tsconfig path issues.

I use a mon base file for mon configuration between unit tests and end to end tests, both of which I run via Jest currently.

jest-base.config.ts

const tsconfig = require('./tsconfig.json');
const moduleNameMapper = require('tsconfig-paths-jest')(tsconfig);

module.exports = {
    moduleNameMapper,
    preset: 'ts-jest',
    testEnvironment: 'node',

    rootDir: './',

    collectCoverage: true,
    collectCoverageFrom: [
        '<rootDir>/**/*.ts',
        '!<rootDir>/**/*.interface.ts',
        '!<rootDir>/**/*.mock.ts',
        '!<rootDir>/**/*.module.ts',
        '!<rootDir>/**/__mock__/*',
        '!<rootDir>/src/main.ts'
    ],
    coverageProvider: 'v8',
    coverageReporters: [
        'clover',
        'json',
        'lcov',
        'text',
        'text-summary'
    ],
    resetModules: true,
    setupFiles: [
        'dotenv/config'
    ],
    // Add the munity jest-extended matchers
    setupFilesAfterEnv: [
        'jest-extended'
    ],
    verbose: false
};

My jest.config.js (for unit tests) will extend my jest-base.config.js to add unit test specific code such as coverage requirements, where to store output for coverage etc.

jest.config.js

const JestBaseConfiguration = require('./jest-base.config');

module.exports = Object.assign(JestBaseConfiguration, {
moduleFileExtensions: ['js', 'json', 'ts'],
testRegex: '.e2e-spec.ts$',
transform: {
    '^.+\\.(t|j)s$': 'ts-jest'
},
...

I solved this problem by adding an moduleNameMapper property to the jest.config.ts file.

ts.config.json:

"paths": {
        "@/*": ["src/*"],
        "@": ["src/index.ts"]
    },

jest.config.json:

import type { Config } from "jest";

const config: Config = {
    preset: "ts-jest",
    testEnvironment: "node",
    moduleNameMapper: {
        "@/(.*)": "<rootDir>/src/$1",
    },
};

export default config;

本文标签： javascripttsjest cannot resolve tsconfig aliasesStack Overflow