Vite 2 実稼働環境の参照要素は、compostion API を使用して定義されていません
P粉714844743
P粉714844743 2024-02-21 14:04:27
0
1
359

vue3 をコンポジション API で使用していますが、プロジェクトをビルドすると、ref 要素が常に未定義になります。

コピーしたのですが、使い方が間違っていたのかもしれませんが、理由はわかりません。

  1. フック関数で ref を定義しました。
リーリー
  1. HelloWorld.vuerootRef を使用し、要素をリンクします。
  2. リーリー
  1. App.vue にボタンを作成し、クリック関数をバインドします。
  2. リーリー
ボタンをクリックすると機能します。

しかし、それをビルドしてライブラリからインポートすると、機能しません。

私の

vite.config.ts は次のとおりです: リーリー

問題は

rootRef の定義にあると思います。どうやらバインディング位置のみ使用可能のようです。これはコンポーネントで定義することと何ら変わりません。複数の場所で使用する必要があります。

奇妙なことに、これにより、Dev 環境は正常に動作しますが、Pro 環境は動作しないことです。 vite のビルド構成を変更する必要がありますか?

###どうすればいいですか?

P粉714844743
P粉714844743

全員に返信(1)
P粉041856955

問題は、App.vue がライブラリのコピーではなく、独自の composables/useShow のコピーを使用していることです。

解決策は、アプリケーションが同じコンポーザブルを使用できるように、ライブラリからコンポーザブルをエクスポートすることです。 リーリー

App.vue

で、lib のコンポーザブル項目を使用します。 リーリー

GitHub PR

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