为什么我不能使用@来替换我的__tests__ 文件夹中的长相对路径？

Question

我通过 vue-cli 启动了我的 vue 项目。 我可以在我的 src 文件夹中使用 @，但它在我的 __tests__ 文件夹中不起作用。 我已经在我的 tsconfig.json 文件中添加了配置，但我不确定它是否适用于这种情况。

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

Answer 1

测试框架也需要配置路径别名。它不会自动配置 tsconfig.json 或 vue.config.js（或任何其他配置）。

要在 Jest 中配置路径别名，请使用 moduleNameMapper option:

// <projectRoot>/jest.config.js
module.exports = {
  moduleNameMapper: [
    '^@/(.*)$': '<rootDir>/src/'
  ]
}

如果使用 @vue/cli-plugin-unit-jest，这通常是为您配置的，但如果您在没有插件的情况下自行设置 Jest，则需要上述配置。