Back

ERROR Pre-transform error Failed to resolve import ~ なエラーがでたとき

ERROR Pre-transform error Failed to resolve import ~

こんにちは、keigo です。 以下のようなエラーが表示された場合は、typesのimportのやり方が間違っている可能性があります。

ERROR: Pre-transform error Failed to resolve import "@/types/foo" from "path/to/your/component.vue". Does the file exist?

vueファイルにて、typeファイルをimportしている箇所を見てみてください。以下のようになっていませんか?

import { FooType } from '@/types/foo'

typeを読み込んでいることを明示する必要があるので、以下のように修正してください。

import type { FooType } from '@/types/foo'

これでなおると思います!