SharePoint Framework Local Workbench is DEAD! What do I do now?
HTML-код
- Опубликовано: 18 сен 2024
- #spfx #sharepoint #webpart
My name is Rob Pearmain. Today I talk about a major change for SharePoint Framework (SPFx) development in 2022.
Microsoft have removed the Local Workbench from the SharePoint Framework for version 1.13 and above
This video shows how to configure your upgraded projects to work with the online workbench.
Notes from video:
Addition to live url to debug your webpart thats running locally
?debug=true&noredir=true&debugManifestsFile=localhost:4321/temp/manifests.js
Video to show you how to get your own dev environment
• SPFx FREE 365 Dev Envi...
✍️⌨️Written version of this article available at
/ the-sharepoint-framewo...
☕️ Support us with a coffee! (Or.. beer 🍺)
www.buymeacoff...
📧 📫 Join us on our developer journey! Sign up to our email newsletter:
robertsdevtalk...
🐦 Follow us on Twitter:
/ robertsdevtalk
🎶 Music by Epidemic Sound:
www.epidemicso...
Icons in this video kindly provided by FlatIcon from Freepik
www.freepik.com
www.flaticon.com
Disclaimer - some of our links are affiliate links, which means that we receive a small commission for any sales made via those links, at no extra cost to you - so a great way to support our channel! Thank you so much for your support 😊
Just started a new job the day this video came out. Onboarding I've been going through tutorials and was wondering why my local workbench wasn't working and my colleagues didn't know either. Well thanks for the answer :)
I spent a lot of time configuring my development setup looking for the local workbench and it was so frustrating. Thank you Robert... tears no more.
You are very welcome, and thanks for supporting the channel. Unfortunately the SharePoint Framework platform is constantly changing, so videos can become out of date quickly, I will try to release new tutorials as things change 👍
Love the videos Rob. Just started learning SPFX myself. Not sure if this is new but I noticed that multiple workbenches are available on any site in the tenant from a single gulp serve. Awesome for testing across many sites at once without having to edit the JSON between tests
Thanks Robert for your kind comment. Yes, the multiple workbench is a great feature, and you can also add it to an actual page by adding the extra url elements (see description). 1.14 out soon, will start a new series for 2022 so stay tuned 😁
Thanks Roberts for your support
Any time Sohaib
Brilliant!
Youre the man!
Thanks for your support of the channel
Hi Robert! The only way to update our webpart in the browser is to type the "gulp serve" command every time there are changes?
Isn't there a less tedious way?
By design, no. But, there is this solution which I have not tried yet that may give you what you want github.com/s-KaiNet/spfx-fast-serve
Thanks for the video. As always great. I have a question. Is there a way to run two different gulp serve projects on one machine?
Yes, but it may not help you as they would need to run on different ports, so you couldn't debug two SPFx instances at the same time.
gulp serve doesnt support the latest version of node.js, I assume there is no work around?
You need to install node version manager (nvm) and choose a version of node that spfx supports. See here learn.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-environment#install-nodejs
Do you have any tutorial regarding SPFx CICD using Azure devops
No, but this may be useful ruclips.net/video/JTLY2bGxmvM/видео.html
I changed the initialPath value to /_layouts/workbench.aspx in the serve.json file as told in the video but still the local workbench opens when I run gulp serve. I want to try the online workbench, can you please help me?
This is what my serve.json looks like:
{
"$schema": "developer.microsoft.com/json-schemas/core-build/serve.schema.json",
"port": 4321,
"https": true,
"initialPage": "yorclouddev.sharepoint.com/_layouts/workbench.aspx"
}
wasted hours on this, and sharepoint wont let me have an account, it says i do not qualify