SharePoint Framework and workbench.aspx

Question

I'm trying out the SharePoint Framework and am following the setup instructions. I've downloaded and uploaded to my site workbench.aspx. When I go to "preview the web part in SharePoint" and load the workbench all I see is a what appears to be a GitHub page (but all the links are broken as they attempt to load from my Office365 instance). Not quite sure what I'm doing wrong. Below is a screen shot of what I see. All the links are broken as they're relative to the root of GitHub and so it's trying to find them in my Office365 SharePoint instance. Any ideas?

Answer 1

It seems you have saved workbench.aspx page from github by using browser save functionality... this has created github preview page on your local...

you need to download that file...follow below steps.

go here.... https://github.com/SharePoint/sp-dev-docs

find clone or download button right side

Download zip folder, extract on your local folder, upload this workbench.aspx to document library. Also do make sure you have created ClientSideApplicationId in your document library.

Answer 2

thx Jeff for reporting this and apologies on the misleading guidance, which was clearly wrong. We have now updated the page with correct links and additional details.

• https://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant#put-the-sharepoint-workbench-in-the-document-library

Answer 3

you are correct - the instructions aren't clear (and in fact are overly complicated). Go to the page (https://github.com/SharePoint/sp-dev-docs/blob/master/workbench.aspx) and click on the "raw" button. You should go here - https://raw.githubusercontent.com/SharePoint/sp-dev-docs/master/workbench.aspx

That's the aspx page you want to upload. It should be 3 lines of code.