일반적인 오류

모듈 './relative-path'을(를) 찾을 수 없음

모듈을 찾을 수 없다는 오류가 발생하면 다음과 같은 원인이 있을 수 있습니다.

• 1. 경로를 잘못 입력했을 가능성이 있습니다. 경로가 정확한지 다시 확인해 보세요.
• 2. tsconfig.json의 baseUrl을 사용하는 경우, Vite는 기본적으로 tsconfig.json 설정을 인식하지 못합니다. 따라서 해당 설정을 사용하려면 vite-tsconfig-paths를 직접 설치해야 합니다.

import { defineConfig } from 'vitest/config';
import tsconfigPaths from 'vite-tsconfig-paths';

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

또는 루트 기준 경로 대신 상대 경로를 사용하도록 수정하십시오.

- import helpers from 'src/helpers'
+ import helpers from '../src/helpers'

• 3. 상대 별칭을 사용하고 있는지 확인하세요. Vite는 별칭을 프로젝트 루트가 아닌, 해당 import 구문이 포함된 파일을 기준으로 처리합니다.

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    alias: {
-     '@/': './src/',
+     '@/': new URL('./src/', import.meta.url).pathname,
    }
  }
})