When launching VS Code debugger, {tenantDomain} is not replaced with environment variable

[DonKirkham]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Linux

What browser(s) / client(s) have you tested

• [ ] 💥 Internet Explorer
• [X] 💥 Microsoft Edge
• [X] 💥 Google Chrome
• [ ] 💥 FireFox
• [ ] 💥 Safari
• [ ] mobile (iOS/iPadOS)
• [ ] mobile (Android)
• [ ] not applicable
• [ ] other (enter in the "Additional environment details" area below)

Additional environment details

• browser version 113.0.1774.35 (Official build) (64-bit)
• SPFx version 1.17.2
• Node.js version 16.20.0
• WSL2 - Ubuntu 22.04

Describe the bug / error

When launching debugger in VS Code with no changes to default debugging profile, the browser opens to

https://%7Btenantdomain%7D/_layouts/workbench.aspx

The environment variable is set as follows:

❯ echo $SPFX_SERVE_TENANT_DOMAIN
myspdomain.sharepoint.com

NOTE: gulp serve works correctly with the above environment variable

Steps to reproduce

1. Create SPFx solution, Webpart, with all default values
2. Run gulp serve
3. Press F5 to start debug session Browser (msedge) opens to https://%7Btenantdomain%7D/_layouts/workbench.aspx

Expected behavior

Browser should open to https://myspdomain.sharepoint.com/_layouts/workbench.aspx

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[AJIXuMuK]

Thanks @DonKirkham for this! It's a good enhancement we will consider.