SPFx webpart not displaying after insert webpart (error below)

Question

I deployed my SPFx webpart successfully to my site, however after inserting it on a page I get the following error:

Uncaught (in promise) Error: Script error for "ea2f4f01-db05-44e9-8900-22d9ef8d632f_0.0.1/SvgGhostWebPartStrings"

https://requirejs.org/docs/errors.html#scripterror

at makeError (eval at V (sp-pages-assembly_en-us_12745640b376ada2f337a0ad84b60ffc.js:233:13154), <anonymous>:5:1843)

at HTMLScriptElement.onScriptError (eval at V (sp-pages-assembly_en-us_12745640b376ada2f337a0ad84b60ffc.js:233:13154), <anonymous>:5:17037)

Below is an image of the webpart uploading successfully

jamony · Answer

Deployment succeeded, but the RequireJS message shows that SvgGhostWebPartStrings was absent from the path recorded in the production bundle. Check config/config.json and confirm the localizedResources key exactly matches SvgGhostWebPartStrings and points to the compiled localization folder with correct spelling and case. Verify that the source loc folder contains the default locale file and that its exports match the web-part declarations. Run a clean production build and production package, then inspect the newly generated output rather than reusing an older SPPKG. In package-solution.json, keep includeClientSideAssets enabled unless assets are intentionally hosted on an external CDN. Increase the solution version, replace and deploy the app-catalog package, and update the site app if required. Retest in a private window. If it still fails, use the browser Network tab to capture the missing resource URL; that distinguishes a packaging error from stale CDN or browser caching

Forum Discussion

SPFx webpart not displaying after insert webpart (error below)

1 Reply