SpFx Helloworld webpart does not show up under modern Page toolbox

[Moreshwar83]

Thank you for reporting an issue or suggesting an enhancement. We appreciate your feedback - to help the team to understand your needs, please complete the below template to ensure we have the necessary details to assist you.

Category

• Bug

If you are planning to share a new feature request (enhancement / suggestion), please use SP Dev UserVoice at http://aka.ms/sp-dev-uservoice.

Expected or Desired Behavior

After adding SpFx webpart to site contents, the webpart should be available in toolbox for modern UI page in SharePoint online.

Observed Behavior

Cannot find Simple hello world webpart in modern UI page toolbox, although it is available under site contents.

Steps to Reproduce

Followed all steps as explained in article
https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/serve-your-web-part-in-a-sharepoint-page
However, stuck at last step, i.e. cannot add webpart to page.

[patmill]

Silly question, but can you scroll down in the modern page toolbox and see it lower?

[Moreshwar83]

Offcourse I have tried it. The webpart cannot be seen at all. I was not able to put that together in screenshot. Below is full screen grab, if that helps

[patmill]

OK, just double checking. Did you get your part working on your local workbench and / or hosted workbench before uploading it to the app catalog?

If you type this into your browser (https://yourtenant.sharepoint.com/sites/yoursite/_api/web/GetClientSideWebParts) can you find your webpart listed?

If you go to your app catalog site, can you go to https://yourtenant.sharepoint.com/sites/yourappcatalog/Lists/ComponentManifests/AllItems.aspx and see your webpart in the list of available components?

[Moreshwar83]

Hello Patmill,
Please find my answers below:

Did you get your part working on your local workbench and / or hosted workbench before uploading it to the app catalog?
Ans: Yes it is working on local workbench.
If you type this into your browser (https://yourtenant.sharepoint.com/sites/yoursite/_api/web/GetClientSideWebParts) can you find your webpart listed?
Ans: No, I cannot find it.

If you go to your app catalog site, can you go to https://yourtenant.sharepoint.com/sites/yourappcatalog/Lists/ComponentManifests/AllItems.aspx and see your webpart in the list of available components?
Ans: No, I do not see it here as well

[Moreshwar83]

It started working now.
Resolution:

1. Go to ~appcatalog/AppCatalog/Forms/AllItems.aspx
2. Edit properties for the web part, I added short description & Description and saved.
   Webpart started appearing under ~appcatalog/Lists/ComponentManifests/AllItems.aspx
3. Removed and re-added webpart from dev site.
   It started showing up in page toolbox. I was able to add and see it on page as well.

Thank you for your guidance Patmill.

[patmill]

Glad you got it sorted out.

[Dilli]

@Moreshwar83 Thanks for pointing out to fill 'Description' and 'Short Description'. If there is no 'Description' and 'Short description' 'Client Side WebPart' don't show up in the modern page toolbox.

@patmill There seem to be bug in pulling 'Client Side WebPart' to show up in the modern page toolbox when 'Description' and 'Short Description' not filled in against the app in app catalog.

[waldekmastykarz]

If you check the schema of the web part manifest in ./node_modules/@microsoft/sp-module-interfaces/lib/manifestSchemas/IClientSideWebPartManifest.d.ts you can see that the description property is required. When you try to build the project without it, or with an empty value you will get a build error. Could you share your web part manifest so that we can see your configuration?

[Dilli]

@waldekmastykarz
Firstly, the manifest path provided above does not seems correct in local. But managed to find the file in the following path '.\SPFx\helloworld-webpart\node_modules@microsoft\sp-module-interfaces\lib\manifestSchemas'. Please comment otherwise.

IClientSideWebPartManifest.d.ts.txt

I do see, the 'description' is not optional in the file, but could be bug in mappings.
There is no mention about 'short description' field though in the very same file.

P.S I have added '.txt' extension to the file as the file type is not supported by git hub comments.

[waldekmastykarz]

@Dilli sorry, I shortened the path too much in my comment, you got it right. Where did you get the reference to 'short description' from? It doesn't seem to be mentioned anywhere.

[Dilli]

@waldekmastykarz , Myself picked the 'short description' from app catalog. Please ignore 'short description'.

[paigeflourin]

Hi @patmill @Moreshwar83

what would i do if i cant see it in the /_api/web/GetClientSideWebParts but it is present in the sites/appcatalog/Lists/ComponentManifests/AllItems.aspx. i still cant see it when i try to add my webpart

P.S: my webpart has description as well

[smithderekm]

I'm experiencing the same behavior as @paigeflourin - worked last week (11/20), but now, the updated web part no longer appears in the web part gallery.

I did add a provisioning feature to my solution in addition to the web part - and I'm wondering if that is what is causing the web part to no longer appear. I tried a new build without the feature block in the package-solution.json file, but that does not seem to fix it.

My solution does not appear in the /_api/web/GetClientSideWebParts output, but it is shown in ~appcatalog/Lists/ComponentManifests/AllItems.aspx and has no error messages from deployment.

Any guidance is appreciated.

[vickeybird]

I'm facing the same issue as @paigeflourin .
Moreover when I try to unsinstall the app containing the webpart, it goes to recycle bin and shows zero KBs as size.
I'm unable to delete it from solution from recycle bin and consequently unable to try updating the web part as well.
Anyone else facing this issue?