javascript - VS Code TypeScript Jest 模块映射

Question

我在 VS code 中将 TypeScript 与 Jest 结合使用，并且我映射了一些模块路径以便于访问这些模块。

非常简单，我的目录结构是这样的:

├── app
│   └── middleware
│       └── auth.ts
├── jest.config.js
├── package.json
├── package-lock.json
├── test
│   └── unittest
│       └── app
│           └── middleware
│               └── auth.test.ts
└── tsconfig.json

我的 tsconfig.json 中有这些映射:

"baseUrl": ".",
"paths": {
        "@app/*": [
        "./app/*"
    ]
}

我的 jest.config.js 中的这些映射:

moduleNameMapper: {
    "^@app/(.*)$": "<rootDir>/app/$1"
}

一切正常，我可以毫无问题地运行 Jest，但 VS 代码无法识别 auth.test.ts 文件中的 @app 映射(在 auth.ts 它工作正常)。

有没有办法解决这个问题？

Answer 1

您可以使用包 module-alias在运行时分配别名，然后利用 Jest 的 setupFile 选项确保它们始终在 Jest 运行时创建。

编辑:问题需要在对该答案的评论中得出的另一个解决方案