SPFX Field Customizer Extension not loading

[veerasekarmeiyappan]

Category

• Question
• Typo
• Bug
• Additional article idea

Expected or Desired Behavior

On "Gulp serve" SPFX Field customizer should redirect to SP Site list view page and should render the field with prefix "Value:" in front of each field

Observed Behavior

On "Gulp serve" SPFX Field customizer redirected to SP Site list view as expected but didn't render the field with prefix "Value:" in front of each field. No errors or warnings found in page and VS code Terminal window

Steps to Reproduce

1. Created a new SPFX Field Extension as in Microsoft site
   https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/building-simple-field-customizer
2. Opened in VS code
3. Updated the PageURL in "serve.json". No extra code added.
4. Ran "Gulp serve" in cmd
5. Browser will open the SP Online site list view "allitems.aspx". Click "Load Debug Scripts" in the "Allow debug scripts" pop up window
6. The list view will load as in OOTB view but the expected prefix will not be available

Submission Guidelines

Sure this is not a big bug as it has worked earlier for many users, may be a regression bug.

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.

[kirkrd]

Same issue here.

[andrewconnell]

In your post @veerasekarmeiyappan, you said:

Updated the PageURL in "serve.json". No extra code added.

But that's not enough... in debug, the way your custom field customizer is associated with a field is by specifying which field it should be tied to. In the section debug your field customzier, step 8 says to " Update InternalFieldName attribute as Percent based on the field name, which we just created."

Of you don't do that, it won't attach the field customizer to your field.

[veerasekarmeiyappan]

In your post @veerasekarmeiyappan, you said:

Updated the PageURL in "serve.json". No extra code added.

But that's not enough... in debug, the way your custom field customizer is associated with a field is by specifying which field it should be tied to. In the section debug your field customzier, step 8 says to " Update InternalFieldName attribute as Percent based on the field name, which we just created."
Of you don't do that, it won't attach the field customizer to your field.

Thanks Andrew for your quick response. Apologies, I have missed to specify that in my steps. Yes I did update my field name "Percent" in the "InternalFieldName".
Attached my serve.json image here.

[veerasekarmeiyappan]

Wanted to keep you informed. I have raised one more issue same loading issue for SPFX ListView Command Set as well.
#4394

[andrewconnell]

Always helps if you can provide a link to a repo that contains the repro of this to help with testing... this goes for both your issues.

[RamPrasadMeenavalli]

I have the same issue.