Nuxt アプリケーション内の UserAgent と Retina 情報を特定しようとしています。しかし、アプリケーションはエラーをスローし、ナビゲーション/ウィンドウが定義されていないと言います。 nuxt アプリケーションでこの情報を取得するにはどうすればよいですか?
これは修正すべき解決策です:
ナビゲータが未定義です
ウィンドウが未定義です
ドキュメントが定義されていません
これは、論理 JS コードをラップする方法の例です
以下に示すように: https://nuxtjs.org/docs/2。 x/internals-glossary/context
PS: mounted process.client は、mounted が client 上でのみ実行されるため、少し冗長です。
mounted
process.client
また、コンポーネントをクライアント側でのみレンダリングしたい場合は、コンポーネントを <client-only> でラップすることもお勧めします。
<client-only>
このドキュメントのドキュメントは、https://nuxtjs.org/docs/2.x/features/nuxt-components/#the-client-only-component
PS: この client-only タグにより、ここで説明したように、実行ではなくレンダリングだけがスキップされることに注意してください。
client-only
一部のパッケージは インポート時に SSR をサポートしません。これについては、次のことができます。
のようなコンポーネントをロードしたい場合)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは修正すべき解決策です:
ナビゲータが未定義ですウィンドウが未定義ですドキュメントが定義されていませんこれは、論理 JS コードをラップする方法の例です
リーリー以下に示すように: https://nuxtjs.org/docs/2。 x/internals-glossary/context
PS:
mountedprocess.clientは、mountedが client 上でのみ実行されるため、少し冗長です。また、コンポーネントをクライアント側でのみレンダリングしたい場合は、コンポーネントを
リーリー<client-only>でラップすることもお勧めします。このドキュメントのドキュメントは、https://nuxtjs.org/docs/2.x/features/nuxt-components/#the-client-only-component
にあります。PS: この
client-onlyタグにより、ここで説明したように、実行ではなくレンダリングだけがスキップされることに注意してください。一部のパッケージは インポート時に SSR をサポートしません。これについては、次のことができます。
動的インポートで条件を使用する- (後でライブラリを使用する場合)
直接このようにします (
- vue-editor
のようなコンポーネントをロードしたい場合)リーリー