[Help] Couldn't find the Firefox executable. Please correct the path given in your launch configuration.

# Overview of the Problem

I can't get RUN AND DEBUG to work. It says it can't find my firefox executable:

---

## `launch.json` Changes

I've changed my `launch.json` to include `"firefoxExecutable": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe"` in all configurations.

**`launch.json` Content**

```json
{
// Firefox debug configurations for the "Debugger for Firefox" extension
// (firefox-devtools.vscode-firefox-debug).
//
// Pick a configuration from the Run and Debug dropdown, then press F5.
//
// - "Firefox: Current file (file://)" -> debug whatever HTML file is
// currently active in the editor
// - "Firefox: Main test page (file://)" -> debug Chromatic Pro Var.html
// regardless of which file is active
// - "Firefox: Current file via localhost" -> serve the workspace over HTTP
// (npx serve) and debug the active
// HTML file at http://localhost:5500
// - "Firefox: Attach to running Firefox" -> attach to a Firefox instance you
// started yourself with remote
// debugging enabled (port 6000)
"version": "0.2.0",
"configurations": [
{
"name": "Firefox: Current file (file://)",
"type": "firefox",
"request": "launch",
"reAttach": true,
"file": "${file}",
"pathMappings": [
{
"url": "file://${workspaceFolder}",
"path": "${workspaceFolder}"
}
],
"keepProfileChanges": true,
"log": {
"fileName": "${workspaceFolder}/.vscode/firefox-debug.log",
"fileLevel": {
"default": "Warn"
}
},
"firefoxExecutable": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe"
},
{
"name": "Firefox: Main test page (file://)",
"type": "firefox",
"request": "launch",
"reAttach": true,
"file": "${workspaceFolder}/Chromatic Pro Var.html",
"pathMappings": [
{
"url": "file://${workspaceFolder}",
"path": "${workspaceFolder}"
}
],
"keepProfileChanges": true,
"firefoxExecutable": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe"
},
{
"name": "Firefox: Current file via localhost",
"type": "firefox",
"request": "launch",
"reAttach": true,
"url": "http://localhost:5500/${fileBasename}",
"webRoot": "${workspaceFolder}",
"preLaunchTask": "serve workspace on :5500",
"postDebugTask": "stop server",
"keepProfileChanges": true,
"firefoxExecutable": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe"
},
{
"name": "Firefox: Attach to running Firefox",
"type": "firefox",
"request": "attach",
"port": 6000,
"host": "localhost",
"firefoxExecutable": "C:\\Program Files\\Firefox Developer Edition\\firefox.exe",
"pathMappings": [
{
"url": "file://${workspaceFolder}",
"path": "${workspaceFolder}"
},
{
"url": "http://localhost:5500",
"path": "${workspaceFolder}"
}
]
}
]
}
```

---

## VS Code Settings Changes

I've changed the following VS Code settings to point to my Firefox path:

- `firefox.executable` (`"C:\Program Files\Firefox Developer Edition\firefox.exe"`)
- `workbench.externalBrowser` (`"C:\Program Files\Firefox Developer Edition\firefox.exe"`)

All of the `"firefoxExecutable"` entries are correct. My system's Firefox installation is at `C:\Program Files\Firefox Developer Edition\firefox.exe`.

---

## Firefox `about:config` Changes

I changed the following values in `about:config` in FF:

- `devtools.debugger.remote-enabled` to `true`
- `devtools.chrome.enabled` to `true`

## Help Request

After all of these edits, I still cannot debug from the "RUN AND DEBUG" window. Still getting the `Couldn't find the Firefox executable. Please correct the path given in your launch configuration.` error.

Can someone explain to me the correct way to configure this plugin so I can debug with FF Dev Edition?

I have no clue why it's not working.

Thank you in advance for any help at all.