查看 Jest 别名配置

Question

由于 moduleNameMapper 设置，当我想 运行 开玩笑时出现错误。

我尝试了几种方法，但没有任何改变。

重现：

1. 克隆存储库：https://github.com/zoztorun/reproduce-webpack-alias-error
2. npm install
3. npm run test

Answer 1

由于您使用的是 Vue CLI，因此您应该使用 @vue/cli-plugin-unit-jest，可以使用以下命令将其添加到您的 Vue CLI 项目中：

vue add unit-jest

这还将添加一个带有示例测试的 <rootDir>/test 目录，但这不符合您项目的测试文件模式，该模式将 *.spec.js 放在源文件旁边。

要使结果适应您的项目：

1. 删除<rootDir>/test（因为它不会被使用，并且因为它指向一个不存在的HelloWorld.vue）
2. 将 package.json 中的 jest 配置编辑为：

{
  "jest": {
    "preset": "@vue/cli-plugin-unit-jest",
    "testMatch": [
      "**/src/**/*.spec.[jt]s?(x)"
    ]
  }
}

3. 删除你的 test NPM 脚本，因为 @vue/cli-plugin-unit-jest 会自动添加它自己的 test:unit 脚本，必须改用它（即使用 npm run test:unit）。