I’m working on a checkout UI extension. I normally console.log() things for debuging. Starting a few days ago I noticed my console.logs weren’t disappearing after deleting them from the code. Here’s what’s happening.
1.) I run “yarn dev” for the first time. It includes my console.logs. I see them in the console, everything’s fine.
2.) I change the console.logs and check the console to find both the updated ones and the original ones.
3.) I change them again. I see the updated ones, but still those original ones are showing up no matter what I do.
For some reason it is caching and including the initial file form when I first ran “yarn dev” and including it on top of the updating one.
I’ve refreshed the page, cleared cache, tried another browser, setup a new app/extension completely and no matter what I still have that original .js file included on top of the one I’m working on.
If I leave and come back the next day that original file will no longer be included, it just caches the file when I run “yarn dev” and starts including that one.
I’m not sure what to do.
In the console, all of the lines/logs related to the actual file I’m working on come from “Checkout.js”. All the cached ones that I’m trying to get rid of are coming from a file located in this folder. "https://extensions.shopifycdn.com/partners-extensions-scripts-bucket/ui_extension/…".
-update-
That extra file was being included because I had the app installed on the dev store alongside running yarn dev. So it wasn’t actually something that was being cached. I was just being dumb.