Vitest报错Failed to resolve import
2024-07-20 本文已影响0人
齐格Insight
问题现象
刚开始写Vitest用例,使用了import导入时报如下错误:
Error: Failed to resolve import "~/unjs/utils/markdown" from "test/basic.test.ts". Does the file exist?
![](https://img.haomeiwen.com/i297930/b7b9209feef96c7d.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
}
}
})
增加了如上配置后,问题解决,如下:
![](https://img.haomeiwen.com/i297930/49617df4ef54553d.png)