Vite 2 実稼働環境の参照要素は、compostion API を使用して定義されていません

Question

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

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

1. フック関数で ref を定義しました。

リーリー

2. HelloWorld.vue で rootRef を使用し、要素をリンクします。
リーリー

3. App.vue にボタンを作成し、クリック関数をバインドします。
リーリー

ボタンをクリックすると機能します。

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

私の

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

問題は

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

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

＃＃＃どうすればいいですか？

Answer 1

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

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

App.vue

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

GitHub PR