SharePoint Framework Extension

[Rich_P423]

Hi Everyone,

I'm trying to get familiar with the SharePoint framework and particularly with extensions.  My target platform is SharePoint 2019 on-premise.  Following the example from this link: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/overview-extensions  my modern team page gets launched but the test message dialog box does not display.  I do get the allow debug scripts dialog box and I select Load Debug scripts, but I never see the test message.  I've tried Chrome, Edge and Firefox but the same results.  I've checked my url and it appears to be correct per the link.  Any thoughts about why I can see the test message dialog box?

This is my url

https://localurl/sites/teamsite/SitePages/Home.aspx?debugManifestsFile=http%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fmanifests.js&loadSPFX=true&customActions=%7B%22e2083902-518b-48e1-b885-8c3280ede742%22%3A%7B%22location%22%3A%22ClientSideExtension.ApplicationCustomizer%22%2C%22properties%22%3A%7B%22testMessage%22%3A%22Test%20message%22%7D%7D%7D

[#2]

Hi,
Let us know which version of yeoman generator are you using to create the extension. Also, please check the Id of the component and the value of the custom actions in the above url. Both should be same. Also let us know whether you are receiving any error in the browser console.

[#3]

@Sudharsan K   Thanks for following up and responding so quickly.  A colleague of mine directed me to these 2 links:

https://github.com/SharePoint/sp-dev-docs/issues/3443

https://github.com/SharePoint/sp-dev-docs/issues/1645

The Dialog.alert function does not fire.  If you replace it with just the javascript alert it works

//Dialog.alert(`Hello from ${strings.Title}:\n\n${message}`);

alert(`Hello from ${strings.Title}:\n\n${message}`);

The dialog methods come from "@microsoft/sp-dialog",  using version 1.4.1 since I'm targeting SharePoint 2019.