I have a SharePoint SPFx react web app. When running gulp serve
on my local workbench, all changes are being reflected.
However when I access the SharePoint hosted workbench using the following URL: /_layouts/15/workbench.aspx
, looks like a cache version. In fact it looks like the current live version in the app catalog. So if I were to build and ship the app and add it to the app catalog and then refresh the hosted workbench only then will I see any changes.
Previously as well if gulp serve
was not running, and I tried adding the webpart to the hosted workbench, I would get an error stating I need to serve the app for it to work. I no longer get that error. This seems to be the case now for all my SPFx webapps not just this one.
It just doesn't seem like my hosted workbench is connected to any of my apps anymore. Basically when I load the hosted workbench it just shows the current webpart version found on the app catalog, not the one being served. I tried following the following threads with no success. The debug will not work since it seems to be a different version loading:
SharePoint workbench not reflecting changes
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-modern-pages
UPDATES:
I removed the app from the app catalog + recycling bin and now I can see the current version on the hosted workbench when I run gulp serve
however the second I re-add the app to the app catalog, the hosted workbench goes back to that version of the app
launch.json
file the hosted workbench is correct. If I refresh the hosted workbench then I see my gulp serve recompile so I know it's communicating. I did thegulp trust certs command
I believe I may have moved my project from my desktop to my documents is this why? I did the trust certs after