Vitest报错Failed to resolve import

问题现象

刚开始写Vitest用例，使用了import导入时报如下错误：

Error: Failed to resolve import "~/unjs/utils/markdown" from "test/basic.test.ts". Does the file exist?

image.png

问题分析

也就是说找不到 ~/unjs/utils/markdown 这个路径。其中这里用到的 ~ 在nuxt项目表示根目录

问题解决

这里需要配置下项目里的 vitest.config.ts 文件，添加 'alias' 条目就行。

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

export default defineConfig({
  plugins: [vue()],
  test: {
    globals: true,
    environment: 'jsdom',
  },
  resolve: {
    alias: {
      '~': path.resolve(__dirname, './')
    }
  },
  server: {
    hmr: {
      overlay: false
    }
  }
})

增加了如上配置后，问题解决，如下：

image.png