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:
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!
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.
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 @firstname.lastname@example.org --global
Don’t forget the Node version.
Happy coding 🙂