SpFx Helloworld webpart does not show up under modern Page toolbox

%3CLINGO-SUB%20id%3D%22lingo-sub-1821826%22%20slang%3D%22en-US%22%3ESpFx%20Helloworld%20webpart%20does%20not%20show%20up%20under%20modern%20Page%20toolbox%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1821826%22%20slang%3D%22en-US%22%3E%3CH2%20id%3D%22toc-hId--1214177738%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%20id%3D%22toc-hId--1214177736%22%3EExpected%20or%20Desired%20Behavior%3C%2FH2%3E%3CP%3EUpon%20installation%20of%20the%20app%2C%20i%20can%20add%20the%20webpart%20to%20the%20pages%20as%20well%3C%2FP%3E%3CH2%20id%3D%22toc-hId-1273335095%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%20id%3D%22toc-hId-1273335097%22%3EObserved%20Behavior%3C%2FH2%3E%3CP%3EAfter%20adding%20app%20%2Ci%20try%20to%20add%20the%20app%20to%20my%20page%2C%20the%20app%20is%20not%20showing%20up%20in%20the%20list%20of%20the%20available%20apps.%3C%2FP%3E%3CH2%20id%3D%22toc-hId--534119368%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%20id%3D%22toc-hId--534119366%22%3ESteps%20to%20reproduce%3C%2FH2%3E%3CP%3EFollow%20the%20steps%20mention%20in%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fget-started%2Fbuild-a-hello-world-web-part%22%20rel%3D%22noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fget-started%2Fbuild-a-hello-world-web-part%3C%2FA%3E%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3Eand%20created%20simple%20helloworld%20web%20part%3C%2FP%3E%3CP%3EAdd%20the%20.sppkg%20file%20in%20appcatalog%20and%20add%20the%20app%20in%20site%3C%2FP%3E%3CH2%20id%3D%22toc-hId-1953393465%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%20id%3D%22toc-hId-1953393467%22%3EExpected%20behavior%3C%2FH2%3E%3CP%3EAfter%20adding%20app%20in%20site%2C%20I%20should%20able%20to%20add%20the%20web%20part%20on%20page.%3C%2FP%3E%3CBLOCKQUOTE%3E%3CH2%20id%3D%22toc-hId-145939002%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%20id%3D%22toc-hId-145939004%22%3EEnvironment%20details%3C%2FH2%3E%3C%2FBLOCKQUOTE%3E%3CP%3EI%20have%20two%20tenants%2C%20on%20test%20tenant%20I%20don't%20face%20any%20issue%20it%20is%20working%20perfectly%20fine.%20But%20on%20Production%20tenant%20I%20am%20facing%20this%20issue%3C%2FP%3E%3CUL%3E%3CLI%3E%3CSTRONG%3EYour%20Developer%20Environment%3C%2FSTRONG%3E%3A%20-%20Windows%2010%3C%2FLI%3E%3CLI%3E%3CSTRONG%3ETarget%20Environment%3C%2FSTRONG%3E%3A%20SharePoint%20Online%3C%2FLI%3E%3CLI%3E%3CSTRONG%3EFramework%3C%2FSTRONG%3E%3A%20Node.js%20v10%3C%2FLI%3E%3CLI%3E%3CSTRONG%3EBrowser(s)%3C%2FSTRONG%3E%3A%20Chrome%20v79%3C%2FLI%3E%3CLI%3E%3CSTRONG%3ETooling%3C%2FSTRONG%3E%3A%20VS%20Code%3C%2FLI%3E%3C%2FUL%3E%3CH3%20id%3D%22toc-hId-836500476%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%20id%3D%22toc-hId-836500478%22%3EAdditional%20context%3C%2FH3%3E%3CP%3EI%20am%20trying%20to%20add%20Modern%20Script%20Editor%20web%20part%20from%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fmedium.com%2Fniftit-sharepoint-blog%2Fadd-the-script-editor-webpart-back-to-sharepoint-modern-experience-688a7b7208e4%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ethis%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3C%2FA%3Eblog%20but%20I%20cant%20add%20it%20on%20production%20as%20I%20can%20not%20see%20it%20in%20web%20part%20list%20after%20deployment%2Cso%20I%20am%20trying%20to%20deploy%20the%20simple%20Helloworld%20WebPart%20but%20I%20cannot%20see%20it%20as%20well%20in%20web%20part%20list%20on%20Production%20Tenant.%20On%20Test%20tenant%20everything%20is%20working%20fine.%3CBR%20%2F%3ENote%20%3A%20I%20have%20admin%20account%20with%20admin%20access.%20In%20Past%20I%20have%20deployed%20SPFX%20Extension%20and%20it%20worked%20very%20well%3C%2FP%3E%3CP%3E%3CEM%3EThanks%20for%20your%20contribution!%20Sharing%20is%20caring.%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1821826%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESPFx%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Espfx%20webpart%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1822001%22%20slang%3D%22en-US%22%3ERe%3A%20SpFx%20Helloworld%20webpart%20does%20not%20show%20up%20under%20modern%20Page%20toolbox%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1822001%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F511452%22%20target%3D%22_blank%22%3E%40KanchanKumbhar%3C%2FA%3E%26nbsp%3BHave%20you%20selected%20the%26nbsp%3B%3CSTRONG%3EMake%20this%20solution%20available%20to%20all%20sites%20in%20the%20organization%3C%2FSTRONG%3E%20checkbox%20while%20uploading%20your%20solution%20to%20app%20catalog%3F%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22tenant-deploy-app-catalog%22%20style%3D%22width%3A%20634px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F229486i122240A6CEC5B1DA%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22tenant-deploy-app-catalog%22%20alt%3D%22tenant-deploy-app-catalog%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EIf%20%3CSTRONG%3ENo%3C%2FSTRONG%3E%2C%20then%20first%20you%20need%20to%20install%20the%20App%20from%26nbsp%3B%3CSTRONG%3ESite%20Contents%3C%2FSTRONG%3E%20and%20then%20try%20to%20add%20webpart%20to%20SharePoint%20page.%3C%2FP%3E%3CHR%20%2F%3E%3CP%3EPlease%20click%20%3CSTRONG%3EMark%20as%20Best%20Response%3C%2FSTRONG%3E%20if%20my%20post%20helped%20you%20solve%20your%20issue.%20This%20will%20help%20others%20find%20the%20correct%20solution%20easily.%20It%20also%20closes%20the%20item.%20If%20the%20content%20was%20useful%20in%20other%20ways%2C%20please%20consider%20giving%20it%20%3CSTRONG%3ELike%3C%2FSTRONG%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1822003%22%20slang%3D%22en-US%22%3ERe%3A%20SpFx%20Helloworld%20webpart%20does%20not%20show%20up%20under%20modern%20Page%20toolbox%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1822003%22%20slang%3D%22en-US%22%3EYes%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373269%22%20target%3D%22_blank%22%3E%40ganeshsanap%3C%2FA%3E%20I%20have%20make%20this%20solution%20available%20to%20all%20sites%20in%20the%20organization%2C%20but%20still%20not%20available%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1822421%22%20slang%3D%22en-US%22%3ERe%3A%20SpFx%20Helloworld%20webpart%20does%20not%20show%20up%20under%20modern%20Page%20toolbox%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1822421%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F511452%22%20target%3D%22_blank%22%3E%40KanchanKumbhar%3C%2FA%3E%26nbsp%3B%3AJust%20one%20update%20I%20can%20see%20the%20web%20part%20in%20web%20part%20list%20on%20classic%20site.It%20is%20not%20visible%20on%20Modern%20Page%20toolbox%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2352588%22%20slang%3D%22en-US%22%3ERe%3A%20SpFx%20Helloworld%20webpart%20does%20not%20show%20up%20under%20modern%20Page%20toolbox%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2352588%22%20slang%3D%22en-US%22%3EHi%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F511452%22%20target%3D%22_blank%22%3E%40KanchanKumbhar%3C%2FA%3E%20-%20i%20have%20been%20tries%20same%20thing%20implementing%20CEditor%20webpart%20using%20SPFX%20%26amp%3B%20%40pnp%2C%20locally%20working%20find%20while%20debugging%20but%20after%20deployment%20process.%20the%20webpart%20does%20not%20appear%20in%20my%20modern%20team%20site%20toolbox.%20Any%20though%3F%3C%2FLINGO-BODY%3E
Contributor

Expected or Desired Behavior

Upon installation of the app, i can add the webpart to the pages as well

Observed Behavior

After adding app ,i try to add the app to my page, the app is not showing up in the list of the available apps.

Steps to reproduce

Follow the steps mention in https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-p... and created simple helloworld web part

Add the .sppkg file in appcatalog and add the app in site

Expected behavior

After adding app in site, I should able to add the web part on page.

Environment details

I have two tenants, on test tenant I don't face any issue it is working perfectly fine. But on Production tenant I am facing this issue

  • Your Developer Environment: - Windows 10
  • Target Environment: SharePoint Online
  • Framework: Node.js v10
  • Browser(s): Chrome v79
  • Tooling: VS Code

Additional context

I am trying to add Modern Script Editor web part from this blog but I cant add it on production as I can not see it in web part list after deployment,so I am trying to deploy the simple Helloworld WebPart but I cannot see it as well in web part list on Production Tenant. On Test tenant everything is working fine.
Note : I have admin account with admin access. In Past I have deployed SPFX Extension and it worked very well

Thanks for your contribution! Sharing is caring.

5 Replies

@KanchanKumbhar Have you selected the Make this solution available to all sites in the organization checkbox while uploading your solution to app catalog?

tenant-deploy-app-catalog

If No, then first you need to install the App from Site Contents and then try to add webpart to SharePoint page.


Please click Mark as Best Response if my post helped you solve your issue. This will help others find the correct solution easily. It also closes the item. If the content was useful in other ways, please consider giving it Like.

 

Yes @ganeshsanap I have make this solution available to all sites in the organization, but still not available

@KanchanKumbhar :Just one update I can see the web part in web part list on classic site.It is not visible on Modern Page toolbox

Hi @KanchanKumbhar - i have been tries same thing implementing CEditor webpart using SPFX & @pnp, locally working find while debugging but after deployment process. the webpart does not appear in my modern team site toolbox. Any though?

@BrajendraRathour ,

I was also facing this issue, followed below steps & resolved issue. Might be it will helpful.


Removed your existing package from tenant catalog or app catalog.
Delete the same SPFx package from Site Collection level (first and second) recycle bin.
Re-deploy the package and it start appearing to all site collection as well as to pages.