この簡単な例を apexcharts.com から追加しました。インポートが正しいことは間違いありません。ウィンドウをどこにも参照していません。このファイルを追加すると、アプリケーション全体が停止します。これはSSRまたはNuxtの構成に関係があると思います。
コンポーネントを nuxt の <client-only> コンポーネントでラップします。これにより、存在しない window オブジェクトを参照しようとしたときに SSR/SSG が壊れるのを防ぐことができます。
<client-only>
window
リンクされた回答 (最後の文、直接コンポーネント構文を使用) で が説明したように、正しい作業設定を行う方法は次のとおりです。 リーリー
data() 内にある設定全体をネストした data も削除しました。これにより、ブラウザー コンソール エラーに示されているように、プロパティの不一致が発生しました。
内にある設定全体をネストした
も削除しました。これにより、ブラウザー コンソール エラーに示されているように、プロパティの不一致が発生しました。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コンポーネントを nuxt の
＃＃＃例えば＃＃＃ リーリー<client-only>コンポーネントでラップします。これにより、存在しないwindowオブジェクトを参照しようとしたときに SSR/SSG が壊れるのを防ぐことができます。リンクされた回答 (最後の文、直接コンポーネント構文を使用) で が説明したように、正しい作業設定を行う方法は次のとおりです。 リーリー
また、既にdata()
内にある設定全体をネストしたdataも削除しました。これにより、ブラウザー コンソール エラーに示されているように、プロパティの不一致が発生しました。