「src\components\」からのインポート「element-plus/es/el-sub-menu」を解決できませんでした

「src\components\」からの「element-plus/es/el-sub-menu」のインポートを解決できませんでした

Vue3+vite はオンデマンドで要素 Plus を自動的に導入し、エラーを報告します

npm install -D unplugin-vue-components unplugin-auto-import
まず、2 つのプラグイン unplugin-vue-components と unplugin-auto-import をインストールし、オンデマンド自動インポートのコードを vite 設定ファイル
vite.config.jsに挿入する必要があります。

import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  // ...
  plugins: [
    // ...
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
})

コードをコピーし、公式サイトの手順に従って要素コンポーネントを追加してインポートするとエラーが発生します

まず設定ファイル内のインポート順序が適切か確認してください 順序が適切でない場合もエラーに

なります上図と同じ順序の場合は、プラグインのバージョンが原因である可能性があります 以下の順序の場合
このようにしてインストールしたプラグインは、
npm i element-plus
elementUI plus のバージョンを変更することで正常に動作するようになります以下
npm i [email protected]