Vue Jest 别名配置

Question

由于moduleNameMapper 设置，我想运行 Jest 时出错。

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

复制：

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)"
    ]
  }
}

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