Vue3+TS+Vite はモジュール '@/components/xxx/xxx' またはそれに対応する型宣言を見つけることができませんでした。

今日、vue3 プロジェクトを作成しているときに問題が発生しました。カスタム ワード クラウド コンポーネントの導入時に、モジュールが見つからないことを示すエラーが報告され続けました。

ファイルは存在し、インポート パスは正しいです。バイドゥの直接的なソリューション

いくつかの解決策は、tsconfig.json で何らかの構成を行うことですが、ここでは説明しません。Baidu は自分で行うことができます。もう 1 つは、プロジェクトのルート ディレクトリに env.d.ts ファイルを作成し、次の構成を記述することです。

declare module "*.vue" {
    
    
    import {
    
     ComponentOptions } from "vue";

    const componentOptions: ComponentOptions;

    export default componentOptions;
}

しかし、これらの解決策はどれも私の問題を解決しませんでした。最後に、問題を解決しようとする精神で、ファイルに .vue 接尾辞を追加しました。Vscode は、自動的に

インポートされるときに .vue 接尾辞を追加しません。vue3 を使用するのが最善です。接尾辞を追加する習慣をつけましょう。