vue-jest报错：Cannot find module 'vue' from共享组件问题求助

1. 修正测试配置的模块解析规则 #

在测试配置文件（如jest.config.js或项目配置文件的测试段）中，配置正确的模块查找路径和Vue别名：

module.exports = {
  moduleNameMapper: {
    '^vue$': 'vue/dist/vue.common.js' // 根据你的Vue版本调整具体路径
  },
  modulePaths: [
    '<rootDir>/node_modules', // 确保能找到项目根目录的Vue依赖
    '<rootDir>/../sharedComponents' // 添加共享组件所在目录到查找路径
  ]
}

2. 配置共享组件的Peer依赖 #

在共享组件目录的package.json中，将Vue设为Peer依赖，让宿主项目提供Vue实例，避免依赖重复或路径问题：

"peerDependencies": {
  "vue": "^2.6.0 || ^3.2.0" // 匹配你实际使用的Vue版本范围
}

完成后，在宿主项目中重新安装依赖，确保peer依赖被正确识别。

3. 调整组件导入路径的别名 #

给共享组件设置导入别名，让测试环境能稳定解析路径。在测试配置中添加：

moduleNameMapper: {
  '@shared/(.*)$': '<rootDir>/../sharedComponents/$1'
}

之后在Card.vue和测试文件中，用@shared/ImageBlock.vue的方式导入组件，替代相对路径。

4. 确保依赖版本一致 #

检查宿主项目的package.json，确认vue和@vue/test-utils（或你用的测试库）版本匹配，避免因版本不兼容导致的模块查找失败。如果版本不匹配，升级或降级到对应兼容版本。

内容的提问来源于stack exchange，提问作者themoonpie