1

next.js アプリで Google API を使用しようとしています。私はドキュメントを読んでいました.Google APIを実装するためのnext.jsの推奨事項は、next.js Headコンポーネントを使用することです. スクリプトをロードしましたが、gapi プロパティにアクセスできないようです...

export default () => (
  <div>
    <Head>
      <link href="/static/styles.css" rel="stylesheet" />
      <script
        src="https://apis.google.com/js/platform.js?onload=init"
        async
        defer
      ></script>
    </Head>
    <Login />
  </div>
);

私の GoogleClient ファイルは

const GoogleClient = ({api}) => {
...
}

GoogleClient ファイルを次のように初期化する Login コンポーネントを使用しました。

const Login = () => {
    useEffect(()=> {
        GoogleClient(window.gapi)
    }, [])
...
}

console.log ウィンドウのとき、ウィンドウ オブジェクトに gapi プロパティが存在しますが、window.gapi を呼び出すと、次のエラーが表示されます --> プロパティ 'gapi' がタイプ 'Window & typeof globalThis' に存在しません。エラーをグーグルで検索しましたが、修正方法に関する投稿は見当たりませんでした。

4

1 に答える 1