'Allow debug scripts' popup only showing once

[MatthiasDh]

Category

• Bug

Describe the bug

When I'm serving a WebPart it opens the browser to the corresponding page in my serve.json file. I get the popup screen to allow debug scripts. However when I reload my page it doesn't show this popup anymore only on initial serve. By this popup not showing anymore I can't debug my webpart.

Expected behavior

Every refresh shows the 'Allow debug scripts' popup

Developer environment

• OS: [MacOS]
• Browser(s): [Chrome, Edge, Safari]
• Tooling: [VS Code, SPFx]

Additional context

This issue happend out of nowhere, didn't change anything.

Serve.json file:

{
  "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
  "port": 4321,
  "https": true,
  "initialPage": "https://localhost:5432/workbench",
  "api": {
    "port": 5432,
    "entryPath": "node_modules/@microsoft/sp-webpart-workbench/lib/api/"
  },
  "serveConfigurations": {
    "default": {
      "pageUrl": "https://xxxxx.sharepoint.com/Sites/IntranetContoso/SitePages/dev-page.aspx",
      "customActions": {
        "2dc60fe8-90cf-49ce-8650-7d0d6da14bf1": {
          "location": "ClientSideExtension.ApplicationCustomizer",
          "properties": {
            "testMessage": "Test"
          }
        }
      }
    }
  }
}

@andrewconnell editted code fencing (use 3 backticks, not 2, for fenced blocks) for readability

Thanks for your contribution! Sharing is caring.

[msft-github-bot]

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

[jhholm]

I got the same issue with a few tenants starting on monday. The debugging popup stops showing after the first approval. I noticed that an item with the key "spfx-debug" is set to your browsers session storage. On page loads after the first approval, the debugging popup does not show up and my solutions won't load correctly from localhost.

If I remove that session storage item, I can continue working as before. All page loads require explicit confirmation for debugging. I guess there might be some kind of a change that only requires you to approve once and it's not working.

A quick hack that I'm using currently to circumvent the issue:

sessionStorage.setItem("spfx-debug", "");

Adding this to your webpart/application customizer onInit() -method, so the spfx-debug -item is cleared on each pageload. I guess you could also use sessionStorage.removeItem("spfx-debug") as well.

[MatthiasDh]

@jhholm this fixed my issue for now! I hope they fix this soon, thank you! :)

[andrewconnell]

@MatthiasDh Web part? You mean extension?

Can you share more context? Have you tested in an SR or TR tenant?

[msft-github-bot]

The more context details you can provide, the easier it is to help assist on issues. Any code you can provide and/or screenshots of the issue also help. The easier you can make it to reproduce the issue, the easier and quicker it is for someone to help you. Please refer to How to Create Good Issues, specifically How to Create Good Issues: Include context, in our wiki for more details.

[MatthiasDh]

@andrewconnell I mean a SPFx WebPart.

Every tenant that I tested this in is TR I think.

This issue is happening in a SharePoint Online tenant and multiple tenants are having the same issue.

Tested in chrome, firefox, newest edge they all have the same issue. Same issue on macOS and windows 10. Also tried with different users.

When running the command 'gulp serve' it opens the browser and it serves my code and gives me the 'allow debug scripts' popup.

When I reload the page it doesn't show that popup anymore so it doesn't serve.

The fix of @jhholm works by clearing that cache key so it is probably caching related. However this suddenly started happening.