Jest - modul 'xxx' tidak ditemui dalam laluan 'xxx'

Question

Saya mempunyai aplikasi react dan apabila saya cuba menjalankan ujian mudah ia tidak dapat mencari fail yang dipanggil dalam komponen.

Dalam apl, semuanya berfungsi dengan baik. Hanya apabila menguji sebagai jenaka saya mendapat ralat ini.

Ada idea bagaimana untuk memberitahu jest 与 tsconfig mempunyai konfigurasi yang sama?

Ini ialah import yang gagal dalam komponen yang diuji:

import socialMediaToComponent from "ui/configs/socialMediaToComponent";

Ini adalah ujian saya:

describe("SocialMediaArea", () => {
    it("should display specific social media links", () => {
        render(<SocialMedias />);
[...]

tsconfig：

{
    "compilerOptions": {
        "baseUrl": "src",
[...]

jest.config：

const config: Config.InitialOptions = {
    preset: "ts-jest",
    testEnvironment: "jsdom",
    verbose: true,
    rootDir: `src/`,
    moduleNameMapper: {
        "\.(jpg|png|webp|css|scss)$": "<rootDir>/__tests__/mocks/mockAssets/mockEmpty.ts",
        "\.svg": "<rootDir>/__tests__/mocks/mockAssets/mockReactComponents.ts",
    },
    testMatch: ["**/*.test.tsx"],
    setupFilesAfterEnv: ["<rootDir>/__tests__/setupTest.ts"],
};

export default config;

Answer 1

Saya jumpa penyelesaiannya. Meletakkan ini di sini sekiranya ia membantu. Saya menambah dalam jest.config.ts:

import { compilerOptions } from '/app/tsconfig.json'

[...]
modulePaths: [compilerOptions.baseUrl],