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

• Create a Hello World WebPart in SharePoint using SPFX
• How to create a New SPFx Web part in an existing project in SharePoint

SharePoint framework Local Workbench is showing empty

I see a blank page when I run “gulp serve” in the 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.

You may like following SharePoint framework development tutorial:

You may like following SharePoint SPFx tutorial:

• SPFx multiline textbox field rending as single line of text in SharePoint Online
• Tutorial on how to create SPFx webPart with ReactJS for SharePoint 2016 On-Premise environment
• Use JavaScript Core Library with SharePoint Framework (Async or await and normal promises)
• How to Create Site Columns, Content Type and Custom List using SharePoint Framework
• SharePoint client-side web part configurable properties in Property Pane using spfx
• Retrieve SharePoint list items using SharePoint framework (SPFx)
• Create a list using SharePoint framework (SPFx) Step by Step tutorial
• cannot find module ‘@microsoft/sp-build-web’ SharePoint Framework (spfx)
• The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ in SharePoint Framework

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.