[Resolved] SharePoint framework Local Workbench is showing empty

This SharePoint framework tutorial we will discuss how to solve spfx local workbench not working or spfx local workbench not loading or SharePoint framework Local Workbench is showing empty issue.

Issue:I see a blank page when I run “gulp serve” in SharePoint framework local workbench!

Possible issues:  This is expected behavior in SharePoint framework development and the possible issues would be one of the below.

• nodeJs is corrupted/installed later version than 8.11.4
• NPM is corrupted

Resolution: Most of the times when you run the command “npm i” in PowerShell it will fix the issue and you can see local workbench as normal. If this doesn’t help you need to repair/reinstall nodeJs 8.11.4 RTM. In my case, I have uninstalled and reinstalled the NodeJs.

Note: When you reinstalling the NodeJs ensure that it is successful if not you will see the same issue again.

You may like following SharePoint framework development tutorial:

• [Solved] [spfx-serve] The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ in SharePoint Framework
• [Solved] cannot find module ‘@microsoft/sp-build-web’ SharePoint Framework (spfx)
• Video Tutorial: SharePoint framework tutorial: Set up your development environment and Create web part using SPFx

Hope this helps, happy development in SPFx !!!