Components aren't fetched again after loaded once

[nelhwong]

Hi, I'm new to Vue and I'm just experimenting with a Flask backend.

I've noticed that a component gets fetched when I first use the "loadModule" method on the particular file, however when I reload the page, the components aren't getting fetched again. I've add the cache control headers in the html file and flask. I think this has to do with "moduleCache". If there's any way I can clear the cache or force fetch, it would be great!

I've also looked into the issues from http-vue-loader. https://github.com/FranckFreiburger/http-vue-loader/issues/109#issuecomment-615577749
Apparently adding a hash at the end works, but it work wont for this because it blocks the hash in index.tsx:710
const defaultModuleHandlers : Record<string, ModuleHandler> = { '.vue': (source, path, options) => createSFCModule(source, path, options), '.js': (source, path, options) => createJSModule(source, false, path, options), '.mjs': (source, path, options) => createJSModule(source, true, path, options), };

Thanks and happy new year 😊

[FranckFreiburger]

Hi and happy new year !

Your getFile() may return a file content or an object { content, extname }

src:

vue3-sfc-loader/src/index.ts

Lines 778 to 780 in d5ece44

	const res = await getFile(path);
	const file = typeof res === 'object' ? res : { content: res, extname: Path.extname(path) };

doc: https://github.com/FranckFreiburger/vue3-sfc-loader/blob/1dee31300c675f2b232d825ed81fb2730aad0e90/docs/api/README.md#file

This can allow you to fetch any resource (maybe with hash) and set extname to the right extension.