問題タブ [gridsome]

AWS Amplify の Auth UI 機能とコンポーネントを Gridsome と正常に統合して、簡単なログイン/ログアウト機能を実現しましたが、Amplify イベントバスにアクセスしようとすると、

import { AmplifyEventBus } from "aws-amplify-vue"

エラーが発生します：

Error in mounted hook (Promise/async): "TypeError: Cannot read property 'Logger' of undefined"

githubの投稿で同様の問題を見つけ、提案されたものを追加しました

警告は削除されますが、Auth UI Logout コンポーネントは表示されなくなります。ログインはできますが、ログアウトボタンが表示されません。イベント バスにアクセスすると、UI コンポーネントが Vue プロトタイプなしで既に動作しているのに、Amplify を Vue プロトタイプに追加する必要がある理由と、追加してもコンポーネントがまだ表示されない理由がわかりません。

次のように、Gridsome プロジェクトでフル カレンダー vue コンポーネント ( https://github.com/fullcalendar/fullcalendar-vue ) を使用しようとしています。

ただし、これはビルド時にエラーを生成します。

Full Calendar が SSR に対応していないことを理解しています。したがって、Gridsome のドキュメント ( https://gridsome.org/docs/assets-scripts/#without-ssr-support ) に従って、コンポーネントをインポートするためにこれを行いました。

gridsome.config.js で依存関係のエイリアスを次のように作成しました。

Mounted() ライフサイクル フックでこれらのプラグインが必要です。

次に、FullCalendar コンポーネントを次のようにラップしました。

Mounted() フックで必要な追加の依存関係は問題なく含まれています。

ただし、次のエラーが表示されます。

components() が「@fullcalendar/vue」コンポーネントのインポートに失敗しているようです。

「@fullcalendar/vue」コンポーネントをインポートするときに何か間違ったことをしていますか?

「@fullcalendar/vue」コンポーネントとプラグインの依存関係の両方を SSR なしで含める別の方法はありますか?

gridsome でルート間のアニメーションを作成するソリューションを探しています。左から右にアニメーションする全幅と高さのオーバーレイを作成したいと思います。オーバーレイが全幅の場合、スロット内のコンテンツを置き換える必要があります。

私がやろうとしていたのは

そしてメソッドで

スタイル

ほぼうまくいきましたが、ルート遷移の良い方法だとは思いません。作り方などありましたら、よろしくお願いします。ありがとう