Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Bug]: TypeError: Cannot read properties of undefined (reading 'getRootNode')

オープン
#805 コメント 5 件 リアクション 2 件 担当者 0 名 GitHub で見る

メンテナーはふだん 6 日以内に返信

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
25/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
react, typescript
領域
api, frontend

調査の方向性

リポジトリのファイルやテストは指定されていません。まず、スタックトレースから関係すると考えられる map と marker のライフサイクル経路を確認し、次に、報告された unmount または無効な状態でのクリーンアップのシナリオと、Google Maps の読み込みエラーを調査してください。完了条件は、クラッシュを再現するか、ライフサイクルの不具合が確認されたことを特定し、修正のカバレッジを追加することです。

索引モデルが issue の本文から書いたものです。

説明

bug
Description

Our app (https://restaurants.umai.io/en/restaurants) crashes randomly with this report, and i found the stack trace as below:

Please find more details for traces here:
https://umai.sentry.io/share/issue/75cbb8ab61614381b63877782fadd42e/

Steps to Reproduce

The error may stem from the @vis.gl/react-google-maps library attempting to access a map instance that has already been unmounted or is in an invalid state during the cleanup phase.

Environment
  • Library version: "@vis.gl/react-google-maps": "^1.5.4",
  • Google maps version: weekly
  • Browser and Version: Chrome 137.0.0
  • OS: Windows >=10
Logs
Exception - This event:
TypeError: Cannot read properties of undefined (reading 'getRootNode')


{

arguments: [

{
message: Cannot read properties of undefined (reading 'getRootNode'),
name: TypeError,
stack:
TypeError: Cannot read properties of undefined (reading 'getRootNode')
    at Object.sn (https://maps.googleapis.com/maps-api-v3/api/js/61/10d/main.js:173:41)
    at set map (https://maps.googleapis.com/maps-api-v3/api/js/61/10d/marker.js:105:349)
    at https://restaurants.umai.io/_next/static/chunks/4465-9b4e1d888e5ea8c0.js:1:16560
    at oK (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:87697)
    at ux (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:106467)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105730)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105928)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105862)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105862)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105928)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105862)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105862)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105792)
    at uS (https://restaurants.umai.io/_next/static/chunks/118e8794-c82d6148a62986e3.js:1:105928)
    at uw (https://restaurants.umai.io/_next/static/chunks/118e8794-...
}
]
}


Google Maps JavaScript API error: NotLoadingAPIFromGoogleMapsError
https://developers.google.com/maps/documentation/javascript/error-messages#not-loading-api-from-google-maps-error


{

arguments: [
Google Maps JavaScript API error: NotLoadingAPIFromGoogleMapsError
https://developers.google.com/maps/documentation/javascript/error-messages#not-loading-api-from-google-maps-error
],
logger: console
}
主要言語
TypeScript
スター
1.9k
フォーク
193
平均マージ
4日 5時間
マージ済み PR(30日)
16

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

visgl/react-google-maps のほかの issue

visgl/react-google-maps の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。