問題タブ [primevue]

現在、vuejs を使用して新しいプロジェクトを開始しており、いくつかのコンポーネントに primevue を使用したいと考えていました。VueJS を使い始めたばかりなので、一般的な VueJS に関する私の知識は最高ではありません。私のアプリケーションには、vue-loader が構成された webpack ベースのビルドがあるため、primevue のインストール方法は次のとおりです。

Toast-Component を使用しようとしましたが、'primevue/toastservice' webpack から Toast をインポートすると、次の 2 つのエラーがスローされます。

./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& のエラー (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast/Toast .vue?vue&type=script&lang=js&)

モジュールが見つかりません: エラー: '*/node_modules/primevue/components/toast' の './ToastMessage' を解決できません

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js& (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast/Toast. vue?vue&type=script&lang=js&) 11:0-42 86:24-36

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=script&lang=js&

@ ./node_modules/primevue/components/toast/Toast.vue

@ ./node_modules/primevue/toast.js

@ ./src/main.js

と

./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& (./node_modules/vue-loader/lib??vue-loader-options!./node_modules/primevue/components/toast のエラー/Toast.vue?vue&type=style&index=0&lang=css&) 97:0

モジュールの解析に失敗しました: 予期しないトークン (97:0)

ファイルはこれらのローダーで処理されました:

*./node_modules/vue-loader/lib/index.js

これらのローダーの結果を処理するには、追加のローダーが必要になる場合があります。

| |

| |

-> .p-トースト {

| | 位置: 固定;

| | 幅: 20em;

@ ./node_modules/primevue/components/toast/Toast.vue?vue&type=style&index=0&lang=css& 1:0-118 1:134-137 1:139-254 1:139-254

@ ./node_modules/primevue/components/toast/Toast.vue

@ ./node_modules/primevue/toast.js

@ ./src/main.js

次のようにコンポーネントをインポートします。

App.jsまたは主にこれらのトーストを使用したい他のファイルで「トースト」コンポーネントをインポート/使用しようとしましたが、成功しませんでした。

Toast を省略してもすべて正常に動作するため、ToastService は問題ないようです。

したがって、primevue を使用していて、この問題に遭遇し、解決策を見つけた人がいる場合は、事前に感謝します。

以下に示すように、 :lazy="true" を追加すると:

列のフィルターと並べ替えが機能しない

コード例: https://www.primefaces.org/primevue/#/datatable/filter

:lazy を true にしてフィルターと並べ替えを機能させるにはどうすればよいですか?

ジョビー

アプリにチャット機能がvueあります。メッセージは次のようにリストに読み込まれます。

メッセージ変数は次のようになります。

読みやすくするために、他のオブジェクトを削除しました。v-chat-scrollチャット ウィンドウを最後のメッセージまでスクロールしたい。primeVueこのコードでも使用しています。どんな助けでも大歓迎です。ありがとう。

特定の PrimeVue UI コンポーネントを webpack でビルドできません。

いくつかのコンポーネントを試しましたが、基本的なものはすべて正常に動作しますが、サブコンポーネントを必要とするコンポーネントを使用しようとすると、webpack のビルドに失敗します。Breadcrumb コンポーネントと PanelMenu コンポーネントでこれを経験しました。

エラーは次のとおりです。

私のwebpack構成は次のとおりです。

コンポーネントは、ドキュメントに記載されているとおりに使用されます。

何が原因でしょうか? Breadcrumb コンポーネントでも同じことが起こっていますが、BreadcrumbItem コンポーネントが見つからない点が異なります。node_modules ディレクトリを確認したところ、ファイルはそこにあります。

これは webpack 構成ファイルの問題ですか、PrimeVue のバグですか、それともユーザー (私) のエラーですか?