Problems using Workbench SPO Online

Problems using Workbench SPO Online

Wo doesn’t fall in Gulp erros, especially with:

gulp server OR gulp serve --nobrowser

You may fall in this issue, no?

Your web part will not appear in the toolbox. Please make sure “gulp serve” is running in a web part project. Please refresh the page once “gulp serve” is running.

There is some workarounds to this like:

gulp trust-dev-cert

Or in some especifique cases you have to delete the <homedir>/.gcb-serve-data folder

but I´m going to give a live example. First of all I use PnP SPFx Yeoman generator, it’s pretty cool!

Quoting

This Yeoman generator provides improved governance for SharePoint Framework projects. It extends the out of the box Yeoman generator from Microsoft (@microsoft/generator-sharepoint) with recommended patterns and additional capabilities.
For an optimized development workflow, it extends the capabilities for ReactJS, and Knockout projects and support for additional frameworks, such as HandlebarsJS, VueJS, Aurelia and Angular Elements. It also includes includes advanced code analysis and testing tools, which you can take advantage in you development work.

All projects generated by this generator are 100% compliant with the out-of-the-box Yeoman generator from Microsoft. After the creation of a new solution, you can use either this generator or @microsoft/generator-sharepoint to add additional assets to your solution.

The real problem

The real problem was I installed GULP, YEOMAN and @pnp/generator-spfx, so I fall in the same error. I’m writing this post because I usually forget to install the Microsoft Generator 🙁 so either way you have to install it.

My Suggesting

At time of this post, version 12 is instable, so I suggest to install version 1.11 and Node 1.24.1

npm install gulp yo @microsoft/generator-sharepoint@1.11 --global

Don’t forget the Node version.

Happy coding 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

RSS