Bun html dev server `ReferenceError: exports is not defined` when using certain dependencies

[RiskyMH]

What version of Bun is running?

1.2.5-canary.109+589fa6274

What platform is your computer?

windows

What steps can reproduce the bug?

1. make index.js and index.html
2. install @paralleldrive/cuid2
3. run dev mode - bun index.html
4. open browser

// index.js
import { createId } from "@paralleldrive/cuid2"; 
console.log(createId())

<!-- index.html -->
<script type="module" src="index.js"></script>

What is the expected behavior?

to log a random string in console

What do you see instead?

ReferenceError: exports is not defined
  at ../node_modules/ in paralleldrive/cuid2/src/index.js@http://localhost:3000/_bun/client/a-000000008c84d02b.js:93:5
  at ../node_modules/ in paralleldrive/cuid2/index.js@http://localhost:3000/_bun/client/a-000000008c84d02b.js:25:69
  at 

Additional information

Works in bun build of the html/js, and in normal runtime

[paperclover]

oh dear i wish i saw this sooner !!!

[johnfn]

Any updates on this one? I'd love to experimentally begin using bun at work, but this is a pretty hard blocker.

I should also say that bun is fantastic and I appreciate all the work you guys do!!

[paperclover]

yes there is an update, this is fixed now (try updating to canary with bun upgrade --canary)

this test verifies HMR behavior with exports:

bun/test/bake/dev/bundle.test.ts

Lines 344 to 390 in d871b2e

	devTest("commonjs forms", {
	files: {
	"index.html": emptyHtmlFile({
	styles: [],
	scripts: ["index.ts"],
	}),
	"index.ts": `
	import cjs from "./cjs.js";
	console.log(cjs);
	`,
	"cjs.js": `
	module.exports.field = {};
	`,
	},
	async test(dev) {
	await using c = await dev.client("/");
	await c.expectMessage({ field: {} });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `exports.field = "1";`);
	});
	await c.expectMessage({ field: "1" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `let theExports = exports; theExports.field = "2";`);
	});
	await c.expectMessage({ field: "2" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `let theModule = module; theModule.exports.field = "3";`);
	});
	await c.expectMessage({ field: "3" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `let { exports } = module; exports.field = "4";`);
	});
	await c.expectMessage({ field: "4" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `var { exports } = module; exports.field = "4.5";`);
	});
	await c.expectMessage({ field: "4.5" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `let theExports = module.exports; theExports.field = "5";`);
	});
	await c.expectMessage({ field: "5" });
	await c.expectReload(async () => {
	await dev.write("cjs.js", `require; eval("module.exports.field = '6'");`);
	});
	await c.expectMessage({ field: "6" });
	},
	});

i forgot to close this issue.