SPFx React web part error message when adding to page.

%3CLINGO-SUB%20id%3D%22lingo-sub-1148698%22%20slang%3D%22en-US%22%3ESPFx%20React%20web%20part%20error%20message%20when%20adding%20to%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1148698%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20all%2C%3C%2FP%3E%3CP%3EFor%20some%20reason%2C%20when%20I%20try%20to%20add%20a%20web%20part%20to%20a%20modern%20page%2C%20I%20am%20getting%20the%20following%20error%3A%3C%2FP%3E%3CH2%20id%3D%22toc-hId--1411843904%22%20id%3D%22toc-hId--1411843904%22%20id%3D%22toc-hId--1412527919%22%3E%26nbsp%3B%3C%2FH2%3E%3CH2%20id%3D%22toc-hId-1075668929%22%20id%3D%22toc-hId-1075668929%22%20id%3D%22toc-hId-1074984914%22%3ESomething%20went%20wrong%3C%2FH2%3E%3CP%3E%3CSPAN%20class%3D%22siteAdminText_c25b5cc7%22%3EIf%20the%20problem%20persists%2C%20contact%20the%20site%20administrator%20and%20give%20them%20the%20information%20in%20Technical%20Details.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3ETechnical%20Details%3C%2FDIV%3E%3CDIV%20class%3D%22errorBox_c25b5cc7%22%3E%3CSPAN%20class%3D%22errorBoxText_c25b5cc7%22%3E%5BSPLoaderError.loadComponentError%5D%3A%3CBR%20%2F%3E***Failed%20to%20load%20component%20%22c042f2ea-6de7-4c60-853e-e3295f3ec6d5%22%20(LrLeaverequestformWebPart).%20Original%20error%3A%20***Failed%20to%20load%20URL%20'%3CA%20href%3D%22https%3A%2F%2Fpubliccdn.sharepointonline.com%2Ficonstt.sharepoint.com%2Fsites%2FDevAppsCatalog%2FClientSideAssets%2F372acc6a-c972-4319-a28e-fbdd3b3f4133%2Flr-leaverequestform-web-part_f8f4a12f88b5b7cef1493730c449be7a.js%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fpubliccdn.sharepointonline.com%2Fmy-sharepoint-site.sharepoint.com%2Fsites%2FDevAppsCatalog%2FClientSideAssets%2F372acc6a-c972-4319-a28e-fbdd3b3f4133%2Fmy-web-part_f8f4a12f88b5b7cef1493730c449be7a.js%3C%2FA%3E'%20for%20resource%20'my-web-part'%20in%20component%20'c042f2ea-6de7-4c60-853e-e3295f3ec6d5'%20(MyWebPart).%20There%20was%20a%20network%20problem.%20This%20may%20be%20a%20problem%20with%20a%20HTTPS%20certificate.%20Make%20sure%20you%20have%20the%20right%20certificate.%3CBR%20%2F%3E%3CBR%20%2F%3E***INNERERROR%3A%3CBR%20%2F%3E***Failed%20to%20load%20URL%20'%3CA%20href%3D%22https%3A%2F%2Fpubliccdn.sharepointonline.com%2Ficonstt.sharepoint.com%2Fsites%2FDevAppsCatalog%2FClientSideAssets%2F372acc6a-c972-4319-a28e-fbdd3b3f4133%2Flr-leaverequestform-web-part_f8f4a12f88b5b7cef1493730c449be7a.js%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fpubliccdn.sharepointonline.com%2Fmy-sharepoint-site.sharepoint.com%2Fsites%2FDevAppsCatalog%2FClientSideAssets%2F372acc6a-c972-4319-a28e-fbdd3b3f4133%2Fmy-web-part_f8f4a12f88b5b7cef1493730c449be7a.js%3C%2FA%3E'%20for%20resource%20'my-web-part'%20in%20component%20'c042f2ea-6de7-4c60-853e-e3295f3ec6d5'%20(MyWebPart).%20There%20was%20a%20network%20problem.%20This%20may%20be%20a%20problem%20with%20a%20HTTPS%20certificate.%20Make%20sure%20you%20have%20the%20right%20certificate.%3CBR%20%2F%3E***CALLSTACK%3A%3CBR%20%2F%3EError%3CBR%20%2F%3Eat%20t%20(%3CA%20href%3D%22https%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A4%3A53337%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A4%3A53337%3C%2FA%3E)%3CBR%20%2F%3Eat%20t%20(%3CA%20href%3D%22https%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A104436%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A104436%3C%2FA%3E)%3CBR%20%2F%3Eat%20e.buildErrorWithVerboseLog%20(%3CA%20href%3D%22https%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A114398%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A114398%3C%2FA%3E)%3CBR%20%2F%3Eat%20e.buildLoadComponentError%20(%3CA%20href%3D%22https%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A110423%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A110423%3C%2FA%3E)%3CBR%20%2F%3Eat%20Anonymous%20function%20(%3CA%20href%3D%22https%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A100586%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fspoprod-a.akamaihd.net%2Ffiles%2Fsp-client%2Fsp-pages-assembly_en-us_cb037150dad84488469b29c1c6c9230f.js%3A20%3A100586%3C%2FA%3E)%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%20class%3D%22errorBox_c25b5cc7%22%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%20class%3D%22errorBox_c25b5cc7%22%3E%3CSPAN%20class%3D%22errorBoxText_c25b5cc7%22%3EThe%20thing%20is%2C%20on%20another%20hub%20site%20that%20I%20used%20for%20development%20and%20testing%2C%20the%20web%20part%20works%20completely%20fine.%20However%2C%20when%20I%20add%20the%20app%20to%20the%20site%20contents%20of%20the%20production%20hub%20site%2C%20and%20try%20to%20add%20it%20on%20a%20page%2C%20I%20get%20the%20above%20error...%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%20class%3D%22errorBox_c25b5cc7%22%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%20class%3D%22errorBox_c25b5cc7%22%3E%3CSPAN%20class%3D%22errorBoxText_c25b5cc7%22%3EIs%20anyone%20experiencing%20the%20same%20problem%3F%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1148698%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1150555%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20React%20web%20part%20error%20message%20when%20adding%20to%20page.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1150555%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSTRONG%3EUPDATE%3A%26nbsp%3B%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20now%20noticed%20that%20even%20on%20the%20%3CSPAN%3Ehub%20site%20that%20I%20use%20for%20development%20and%20testing%2C%20the%20web%20part%20is%20now%20%3CSTRONG%3ENOT%20WORKING%3C%2FSTRONG%3E.%20It%20is%20throwing%20the%20same%20error%20message.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EI%20have%20also%20tried%20using%26nbsp%3B%3CSTRONG%3Egulp%20trust-dev-cert%26nbsp%3B%3C%2FSTRONG%3Ecmd%20again%20before%20packaging%20up%20the%20solution%2C%20and%20there%20has%20been%20no%20difference.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EAdditionally%2C%20I%20have%20asked%20the%20networking%20guys%20to%20check%20to%20see%20if%20anything%20was%20being%20blocked%2C%20and%20they%20have%20been%20troubleshooting%20with%20me%20this%20morning.%20So%20far%2C%20it%20all%20results%20to%20the%20same%20error%20message.%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EIs%20this%20a%20SharePoint%2F%20Microsoft%20error%3F%20Or%20am%20I%20missing%20something%3F%20Is%20anyone%20receiving%20the%20same%20message%3F%20Any%20feedback%20is%20helpful!%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Contributor

Hey all,

For some reason, when I try to add a web part to a modern page, I am getting the following error:

 

Something went wrong

If the problem persists, contact the site administrator and give them the information in Technical Details.

 

Technical Details
[SPLoaderError.loadComponentError]:
***Failed to load component "c042f2ea-6de7-4c60-853e-e3295f3ec6d5" (LrLeaverequestformWebPart). Original error: ***Failed to load URL 'https://publiccdn.sharepointonline.com/my-sharepoint-site.sharepoint.com/sites/DevAppsCatalog/Client...' for resource 'my-web-part' in component 'c042f2ea-6de7-4c60-853e-e3295f3ec6d5' (MyWebPart). There was a network problem. This may be a problem with a HTTPS certificate. Make sure you have the right certificate.

***INNERERROR:
***Failed to load URL 'https://publiccdn.sharepointonline.com/my-sharepoint-site.sharepoint.com/sites/DevAppsCatalog/Client...' for resource 'my-web-part' in component 'c042f2ea-6de7-4c60-853e-e3295f3ec6d5' (MyWebPart). There was a network problem. This may be a problem with a HTTPS certificate. Make sure you have the right certificate.
***CALLSTACK:
Error
at t (https://spoprod-a.akamaihd.net/files/sp-client/sp-pages-assembly_en-us_cb037150dad84488469b29c1c6c92...)
at t (https://spoprod-a.akamaihd.net/files/sp-client/sp-pages-assembly_en-us_cb037150dad84488469b29c1c6c92...)
at e.buildErrorWithVerboseLog (https://spoprod-a.akamaihd.net/files/sp-client/sp-pages-assembly_en-us_cb037150dad84488469b29c1c6c92...)
at e.buildLoadComponentError (https://spoprod-a.akamaihd.net/files/sp-client/sp-pages-assembly_en-us_cb037150dad84488469b29c1c6c92...)
at Anonymous function (https://spoprod-a.akamaihd.net/files/sp-client/sp-pages-assembly_en-us_cb037150dad84488469b29c1c6c92...)
 
The thing is, on another hub site that I used for development and testing, the web part works completely fine. However, when I add the app to the site contents of the production hub site, and try to add it on a page, I get the above error...
 
Is anyone experiencing the same problem?
1 Reply

UPDATE: 

 

I've now noticed that even on the hub site that I use for development and testing, the web part is now NOT WORKING. It is throwing the same error message.

 

I have also tried using gulp trust-dev-cert cmd again before packaging up the solution, and there has been no difference.

 

Additionally, I have asked the networking guys to check to see if anything was being blocked, and they have been troubleshooting with me this morning. So far, it all results to the same error message.

 

Is this a SharePoint/ Microsoft error? Or am I missing something? Is anyone receiving the same message? Any feedback is helpful!