Nuxtのナビゲーター/ウィンドウ/ドキュメントの未定義メソッドを修正
Nuxt アプリケーション内の UserAgent と Retina 情報を特定しようとしています。しかし、アプリケーションはエラーをスローし、ナビゲーション/ウィンドウが定義されていないと言います。 nuxt アプリケーションでこの情報を取得するにはどうすればよいですか?
リーリー ああああNuxt アプリケーション内の UserAgent と Retina 情報を特定しようとしています。しかし、アプリケーションはエラーをスローし、ナビゲーション/ウィンドウが定義されていないと言います。 nuxt アプリケーションでこの情報を取得するにはどうすればよいですか?
リーリー ああああ
P粉2421267862024-03-26 16:45:25
これは修正すべき解決策です:
ナビゲータが未定義ですウィンドウが未定義ですドキュメントが定義されていませんこれは、論理 JS コードをラップする方法の例です
リーリー以下に示すように: https://nuxtjs.org/docs/2。 x/internals-glossary/context
PS: mounted process.client は、mounted が client 上でのみ実行されるため、少し冗長です。
また、コンポーネントをクライアント側でのみレンダリングしたい場合は、コンポーネントを <client-only> でラップすることもお勧めします。
このドキュメントのドキュメントは、https://nuxtjs.org/docs/2.x/features/nuxt-components/#the-client-only-component
にあります。PS: この client-only タグにより、ここで説明したように、実行ではなくレンダリングだけがスキップされることに注意してください。
一部のパッケージは インポート時に SSR をサポートしません。これについては、次のことができます。
のようなコンポーネントをロードしたい場合)
リーリー