Vue项目用safetest测试报错：已装@vitejs/plugin-vue仍提示需安装

可能的原因及解决方案 #

1. 未在Safetest配置中正确注册Vue插件 #

Safetest基于Vite运行，需要显式在其配置文件中启用Vue插件。创建或编辑项目根目录下的safetest.config.js，添加如下配置：

import { defineConfig } from 'safetest';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  vite: {
    plugins: [vue()],
  },
});

2. 依赖版本不兼容 #

@vitejs/plugin-vue的版本可能与Safetest依赖的Vite版本不匹配，导致插件无法正常工作。执行以下命令重新安装适配的版本：

npm uninstall @vitejs/plugin-vue
npm install @vitejs/plugin-vue --save-dev

3. 测试文件中组件导入路径问题 #

确保测试文件中导入Vue组件时，明确添加.vue后缀（部分Vite配置允许省略，但Safetest可能需要显式声明）。例如：

// 正确写法
import MyComponent from '../src/components/MyComponent.vue';

// 避免省略后缀的写法
import MyComponent from '../src/components/MyComponent';

4. 确认package.json中的测试命令配置 #

检查package.json的scripts字段，确保safetest命令正确指向配置文件（如果配置文件不是默认名称）：

{
  "scripts": {
    "safetest": "safetest --config safetest.config.js"
  }
}

完成上述操作后，重新执行npm run safetest，问题应该能得到解决。

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