--- title: "JavaScriptエラーの解決方法 | Autify Guide" slug: "javascript-error" description: "テスト実行中にJavaScriptエラーが発生した場合の解決方法を学びましょう。" tags: ["JSステップ"] updated: 2023-08-28T04:14:08Z published: 2023-08-28T04:14:08Z canonical: "help.autify.com/javascript-error" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.autify.com/llms.txt > Use this file to discover all available pages before exploring further. # JavaScriptでエラーが発生しました JSステップでエラーが発生した場合、テスト結果には以下のメッセージが表示されます。 ![js_error_ja](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/js_error_ja.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A18%3A11Z&se=2026-11-15T02%3A18%3A11Z&sr=c&sp=r&sig=Lkv1oNNwt7M1O654cUb6xrhhWHxQkKh7r%2ByOu1pIpGc%3D) 「JavaScriptでエラーが発生しました: 」の後のメッセージは、JSステップのどこに問題があるかを探るヒントになります。 以下JSステップのエラーについて考えられる原因と、その対応方法をいくつか紹介します。 ## ページの読み込み完了前にJSステップが実行された JSステップはページの読み込みを待たずに実行されます。たとえばCSSセレクターで取得した要素に対してクリックを実行するJSステップの場合、ページの読み込み完了前に実行されると要素が正しく取得できずに失敗してしまいます。 テスト結果のスクリーンショットや[ビデオログ](/docs/ja/video-logs-for-test-results)を確認し、ローディング画面が表示されていたり、ページが不完全な状態だったりした場合は、ページ読み込み完了前にJSステップが実行された可能性があります。 このケースの対応方法は[待機ステップ](/docs/ja/can-i-add-wait-and-sleep)です。JSステップの前に待機ステップを挿入し、数秒待機してページの読み込みを待つようにしてください。 ## エラーメッセージの原因と対応方法 次に、よくお問い合わせをいただくエラーメッセージについていくつか紹介します。 ### Cannot read properties of null オブジェクトのプロパティにアクセスをしようとして、そのオブジェクトが`null`の場合に発生します。例えばCSSセレクターで取得した要素に対してクリックをしたいとします。`document.querySelector()`に指定したCSSセレクターで取得できる要素がない場合、`null`が返ってきます。この返ってきた`null`に対して`click`を実行すると、以下のようにエラーが発生します。 ![cannot_read_properties_of_null](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/cannot_read_properties_of_null.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A18%3A11Z&se=2026-11-15T02%3A18%3A11Z&sr=c&sp=r&sig=Lkv1oNNwt7M1O654cUb6xrhhWHxQkKh7r%2ByOu1pIpGc%3D) 指定したCSSセレクターで要素が取得できるか、[こちら](/docs/ja/how-to-get-css-selectors#css%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF%E3%83%BC-xpath%E3%81%AE%E6%A4%9C%E8%A8%BC%E6%96%B9%E6%B3%95)の記事を参考に再度確認してください。 ### xxx is not defined 未定義の変数や関数を参照しようとした時に発生するエラーです。変数や関数が定義されていることを確認してください。 ![is_not_defined](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/is_not_defined.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A18%3A11Z&se=2026-11-15T02%3A18%3A11Z&sr=c&sp=r&sig=Lkv1oNNwt7M1O654cUb6xrhhWHxQkKh7r%2ByOu1pIpGc%3D) ### Error: cannot find the element with selector/XPath [Autify JavaScriptスニペット](https://javascript-snippets.autify.com/ja/)にあるいくつかのスニペットは、要素をCSSセレクター/XPathで取得してからクリックなどの操作を行っています。もし指定したCSSセレクター/XPathが誤っていたり、CSSセレクターにテスト実行のたびに変わる動的な値が含まれていたりすると、要素が取得できずエラーが発生しこのメッセージが表示されます。 ![cannot_find_the_element_with](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/cannot_find_the_element_with.png?sv=2026-02-06&spr=https&st=2026-11-15T01%3A18%3A11Z&se=2026-11-15T02%3A18%3A11Z&sr=c&sp=r&sig=Lkv1oNNwt7M1O654cUb6xrhhWHxQkKh7r%2ByOu1pIpGc%3D) 指定したCSSセレクター/XPathで要素が取得できるか、[こちら](/docs/ja/how-to-get-css-selectors#css%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF%E3%83%BC-xpath%E3%81%AE%E6%A4%9C%E8%A8%BC%E6%96%B9%E6%B3%95)の記事を参考に再度確認してください。 ## それでも問題が解決しない場合... お気軽にカスタマーサポートチームにご連絡ください。問題を解決するお手伝いをいたします。 ## 関連記事 - [CSSセレクター / XPathを取得する](/docs/ja/how-to-get-css-selectors) - [CSSセレクターを使いこなす](/docs/ja/how-to-use-css-selectors-effec)