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

【问题标题】：Why can't I use @ to replace the long relative path in my __tests__ folder?为什么我不能使用 @ 替换我的 __tests__ 文件夹中的长相对路径？
【发布时间】：2022-01-01 23:32:38
【问题描述】：

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

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

【问题讨论】：

标签： typescript vue.js vue-cli

【解决方案1】：

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

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

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

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

【讨论】：