Vue 3 - 「コンポーネントを解決できません」という警告
P粉451614834
P粉451614834 2023-08-26 13:03:49
0
1
469
<p>index.js ファイルからコンポーネントをインポートしようとしたときに、この警告が発生しました。 </p> <p>これは私のコンポーネント フォルダーです: </p> <pre class="brush:php;toolbar:false;">コンポーネント/ |-- インデックス.js |-- ComponentA.vue |-- ComponentB.vue |-- ComponentC.vue</pre> <p> およびindex.js: </p> <pre class="brush:php;toolbar:false;">コンポーネント A を './ComponentA' からインポートします; './ComponentB' から ComponentB をインポートします。 './ComponentC' から ComponentC をインポートします。 エクスポート { コンポーネント A, コンポーネント B, コンポーネント C };</pre> <p>これをコンポーネント (B または C) で試してみると </p> <pre class="brush:php;toolbar:false;"><script> import { ComponentA } から './'; console.log(ComponentA); // 未定義 デフォルトのエクスポート { コンポーネント: {コンポーネントA} } </script></pre> <p>コンソールに警告が表示されます。どうすれば修正できますか?ここで私は何を間違っているのでしょうか? </p> <p>ちなみに、この方法はうまくいきます:</p> <pre class="brush:php;toolbar:false;">import ComponentA from './ComponentA';</pre> <p>しかし、<code>components</code> フォルダ</p> に多くのコンポーネントがあるため、この方法は使いたくありません。
P粉451614834
P粉451614834

全員に返信(1)
P粉600845163

インポート ステートメントは次の形式で記述する必要があります:

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート