Variable Import Not Working

[Koobol]

I'm trying to write a custom element that can be given an src attribute, which points to a module to be imported and used by the program. However, I keep on getting the error Cannot find module '/<filename>.js' when I try to use Parcel.

I've made sure to specify the file being imported as an entry point, and I've confirmed that it is being bundled. I've thought that it might be possible that Parcel is removing the export statements or replacing them with Common JS module exports, but I'm not sure. Besides, if that was the problem I would think that it would still be able to find the file, it just wouldn't be able to get the exports.

Also, just in case this effects anything the file is being imported from a worker thread.

My code looks something like this:

<!-- index.html -->

<custom-element src="my-file.js"></custom-element>

// custom-element.js

const worker = new Worker(new URL("worker.js", import.meta.url), { type: "module" });

// still doesn't work even if you say href instead of pathname
worker.postMessage({ src: new URL(this.getAttribute("src"), location.href).pathname });

// worker.js

self.addEventListener("message", ({ data: { src } }) => {
  const data = await import(src);
});