モジュール「element-plus」にはエクスポートされたメンバー「ElMessage」がありません

この Vue3 + TS + Element Plus プロジェクトでは、Element Plus の ElMessage モジュールをインポートして使用するときにエラー メッセージが表示されました。

モジュール ""element-plus"" にはエクスポートされたメンバー "ElMessage" がありません。代わりに「import ElMessage from "element-plus"」を使用するつもりですか?

 インターネットで長い間検索した結果、完全で実行可能な解決策が見つからなかったので、自分で作成してください。

問題分析:

プロジェクトでは TS が使用されており、TS は Element Plus によって公開されているモジュールを認識できないためです。

解決:

 (1) tsconfig.app.json ファイルと tsconfig.node.json ファイルの両方に新しいコード行を追加します。

"moduleResolution": "node",

 

 (2) env.d.ts に以下のコードを追加します(上記の操作で問題が解決した場合は、この操作は無視して構いません)

declare module 'element-plus';

 これまでのところ、波線のプロンプトは表示されませんが、このエラー プロンプトはプロジェクトの操作や使用に影響を与えないようです。

おすすめ

転載: blog.csdn.net/m0_51945510/article/details/131449343