Something went wrong error (SPFX React Script Editor)

Silver Contributor

So i've been using the Modern Script Editor Web Part (SPFX) for several weeks now, and all the sudden in the past hour every web part has stopped working.  I don't know where to begin troubleshooting this.

 

Is something down?  Did SPFX change?  

 

ERROR DETAILS:

 

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 "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart).
Original error: ***loadComponent() returned an empty object for component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart).

***INNERERROR:
***loadComponent() returned an empty object for component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart).
***CALLSTACK:
Error
at t [as constructor] (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-07-14.016/sp-pages-assembly_en-us_cfe3bf69b...)
at new t (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-07-14.016/sp-pages-assembly_en-us_cfe3bf69b...)
at Function.e.buildErrorWithVerboseLog (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-07-14.016/sp-pages-assembly_en-us_cfe3bf69b...)
at Function.e.buildLoadComponentError (https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-07-14.016/sp-pages-assembly_en-us_cfe3bf69b...)
at https://spoprod-a.akamaihd.net/files/sp-client-prod_2017-07-14.016/sp-pages-assembly_en-us_cfe3bf69b...
at <anonymous>

13 Replies
Not sure, but I'll check it tomorrow at a client where I have deployed it. And nice that it's in use :)
much appreciated, it works amazingly for all kinds of little and big things (and it is the big things down I'm worried about at the moment)

I am getting the same error on a web part that was working fine. Is this issue related to a Microsoft Update on our tenant?

Ok, I rebuilt everything from scratch and re-uploaded app, and all seems to be fixed. No good explanation to what broke, but at least it is working again.

I am facing the same issue. I have packaged a SPFX WebPart last night and that is working fine. But all the other webparts deployed earlier are failing. 

 

We are also facing the "Token renewal operation failed due to timeout" error in SPFX webpart with Azure implicit flow 

Yes, Brent is correct. The Web Part which I packaged recently is working fine.
Weird.. tested now at my client and it works without re-building it. Seems to me there might have been an update to SPFx which broke some parts depending on when they were built.

We are notcing this issue in our test teant. Production tenant looks good. Try to deploy a sample webpart with moment or angular. 

All the problematic WebParts are started working now. Not sure if Microsoft reverted anything they pushed yesterday.

 

Please check and confirm.

I tried to use react-scripteditor-webpart .But got below error.

 

***ERROR MESSAGE: ***Failed to load component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart). Original error: ***Failed to load entry point from component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart). Original error: Error loading https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1/office-ui-fabric-react as "office-ui-fabric-react" from https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1 Error loading https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1/office-ui-fabric-react Unable to load script https://publiccdn.sharepointonline.com/techmikael.sharepoint.com/11510075fe4212d19d3e6d07c91981263dd... ***CALLSTACK: Error: ***Failed to load component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart). Original error: ***Failed to load entry point from component "3a328f0a-99c4-4b28-95ab-fe0847f657a3" (ScriptEditorWebPart). Original error: Error loading https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1/office-ui-fabric-react as "office-ui-fabric-react" from https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1 Error loading https://component-id.invalid/3a328f0a-99c4-4b28-95ab-fe0847f657a3_0.0.1/office-ui-fabric-react Unable to load script https://publiccdn.sharepointonline.com/techmikael.sharepoint.com/11510075fe4212d19d3e6d07c91981263dd... at Anonymous function (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:16234:9) at lib$es6$promise$$internal$$tryCatch (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:21064:9) at lib$es6$promise$$internal$$invokeCallback (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:21076:9) at lib$es6$promise$$internal$$publish (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:21047:11) at lib$es6$promise$$internal$$publishRejection (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:20997:7) at lib$es6$promise$asap$$flush (https://localhost:4321/node_modules/@microsoft/sp-loader/dist/sp-loader_en-us.js:20822:9)

 

The below URL also doesnot work on browsing it.

 

URL: https://publiccdn.sharepointonline.com/techmikael.sharepoint.com/11510075fe4212d19d3e6d07c91981263dd...Any suggesstions ?

Remove the external reference of ui fabric and bundle yourself. That's the easiest. And you cannot browse CDN url's, they must be referenced. And the URL should still work as I haven't removed anything. Also, you might want to log these issues in github :)
...and, it won't work on local workbench (localhost) as the CDN only works referencing sharepoint.com. Try /_layouts/workbench.aspx instead.