問題タブ [npm-package]

あるコンポーネントが別のコンポーネントをインポートする Vue npm パッケージを作成しようとしています (簡単な例としては、パッケージに汎用ボタン コンポーネントと、ページングに my ボタン コンポーネントを使用するテーブル コンポーネントが含まれている場合があります)。子コンポーネントを親コンポーネントにインポートして、パッケージを正常にビルドできます。しかし、親コンポーネントを (パッケージから) アプリケーションにインポートして使用すると、子コンポーネントのコンテンツが表示されません。そこにないかのようにスキップします。

私は途方に暮れています。

テスト用にいくつかの非常に単純なコンポーネントを使用しています。

（編集）ここに私のindex.jsファイルがあります

使用法 (別のアプリで、「yarn add ...」の後)

そして、これは私がページに表示するものです:

ここに私が知っているいくつかのことがあります：

• ParentComponent の ChildComponent へのインポート パスは正しいです。意図的にパスを存在しないものに変更すると、ビルドしようとするとエラーになります。
• ChildElement をアプリに直接インポートして使用すると、期待どおりに動作します。
• ParentComponent と ChildComponent を取得してアプリ構造にコピーし、(パッケージからインポートするのではなく) そのようにインポートすると、ParentComponent は ChildComponent を期待どおりに表示します。

この方法でコンポーネントをインポートしているように見える他のパッケージがあるので、私がやっていることは可能だと思います。

誰かの考えに感謝します！

(そして、プロジェクトのコードをさらに含めると役立つかどうかを教えてください)

更新これをもう少し追跡しました。子コンポーネントを含めると、アプリから次の警告が表示されます。

[Vue 警告]: resolveComponent は render() または setup() でのみ使用できます。

インターネットで他のリソースを見つけるのに役立ちましたが、何も役に立ちませんでした. 私の単純なテストでは、resolveComponent をどこでも明示的に使用していません。そして、テンプレートの代わりにレンダリング機能を使用すると、同じ結果、同じ警告が表示されます。