kintone

kintoneのデバッグ環境構築でデバッグ実行するとターゲットに接続できませんと表示される

  1. HOME >
  2. IT/DX >
  3. kintone >

kintoneのデバッグ環境構築でデバッグ実行するとターゲットに接続できませんと表示される

kintoneの開発環境を構築する際に、動的なデバッグ実行をVSCodeでも行えるようにしたく環境を設定しましたがいざデバッグ実行を行うとターゲットに接続できませんというメッセージが表示されてうまくいかない

実行環境

・macOS 14.2
・Visual Studio Code
・Live Server
・Google Chrome

現象

１．VSCodeのデバッグ実行の設定を以下のように設定する

launch.jsonを以下のように記載して作成

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "kintone remote chrome",
            "type": "chrome",
            "request": "attach",
            "urlFilter": "https://*.cybozu.com/k/*",
            "webRoot": "${workspaceFolder}",
            "port": 9222,
            "sourceMaps": true,
            "trace": true

        }
    ]
}

２．リモートデバッグを有効にしてGoogle Chromeを起動する

以下のコマンドを実行してGoogle Chromeを起動

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

３．デバッグ実行を開始する

デバッグを開始すると以下のメッセージが表示される

原因・解決

Google Chromeを全部閉じて開き直したり、PC再起動もしたけど現象は変わらず

コマンドでGoogle Chromeを起動するとき、VSCode内のターミナルでコマンドを実行していましたが
別途ターミナルアプリを開いてコマンドを実行したらうまくいきました

おわりに

何故VSCodeのターミナルからだとダメなのかは分かりませんが
VSCodeから実行すると権限関係の制約があるのかもしれません

-kintone
-