[Fixed] 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.

SharePoint framework Local Workbench is showing empty

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

sharepoint framework local workbench
sharepoint framework local workbench

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

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.

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

spfx local workbench not working
sharepoint framework local workbench is working as expected.

You may like following SharePoint framework development tutorial:

You may like following SharePoint SPFx tutorial:

The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ in SharePoint Framework

Hope this SPFx tutorial helps to solve SharePoint framework Local Workbench is showing empty error.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>