aklinker1
commented
2 weeks ago This seems to be a problem with Houdini's CJS build, but also the fact that WXT is loading the CJS version of the package. If it loaded the ESM version, it wouldn't crash like this.
Specifically, here's the line in the source code that's causing problems: https://github.com/HoudiniGraphql/houdini/blob/6c5dbda72fb4b7c42dc85a3991e9705224dda080/packages/houdini/src/lib/config.ts#L24
Here's the built ESM code:
Everything looks good.
Here's the CJS code:
And the problem is quite obvious... If import_meta is set to {}, then of course import_meta.url is undefined, and you can't call fileURLToPath(undefined).
On a side note... I have never seen a comma used like this before:
(0, import_node_url2.fileURLToPath)(...). Turns out it's a fancy way of calling a function with an undefinedthisvalue.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator
WTF JS lol
So yeah, I would say their CJS build is just broken, or this would be fixed by #297.
For now, you can patch the package to get past this error:
// node_modules/.pnpm/houdini@1.2.47/node_modules/houdini/build/vite-cjs/index.js
-var import_meta = {};
-var currentDir = dirname((0, import_node_url2.fileURLToPath)(import_meta.url));
+var currentDir = __dirname;Unfortunately, I don't know if that "works", your reproduction doesn't seem to use the client? The $houdini/ directory doesn't seem to be generated (which I assume should happen since it's got aliases and references to it), so I don't think it's working.
When I add a log to the houdini.config.js file, it's not getting logged. Even if I rename it to houdini.config.cjs or convert it to an ES module, houdini.config.mjs with a default export.
I'm also getting a type error in wxt.config.ts, it seems houdini's vite plugin is for vite 4, not vite 5... https://github.com/HoudiniGraphql/houdini/blob/6c5dbda72fb4b7c42dc85a3991e9705224dda080/packages/houdini-svelte/package.json#L41
$ why vite
devDependencies:
@wxt-dev/module-svelte 1.0.0
├─┬ @sveltejs/vite-plugin-svelte 3.1.1
│ ├─┬ @sveltejs/vite-plugin-svelte-inspector 2.1.0
│ │ └── vite 4.5.3 peer
│ ├── vite 4.5.3 peer
│ └─┬ vitefu 0.2.5
│ └── vite 4.5.3 peer
└─┬ wxt 0.18.7 peer
└── vite 5.3.1
houdini-svelte 1.2.47
├─┬ @sveltejs/kit 1.30.4
│ ├─┬ @sveltejs/vite-plugin-svelte 2.5.3
│ │ ├─┬ @sveltejs/vite-plugin-svelte-inspector 1.0.4
│ │ │ └── vite 4.5.3 peer
│ │ ├── vite 4.5.3 peer
│ │ └─┬ vitefu 0.2.5
│ │ └── vite 4.5.3 peer
│ └── vite 4.5.3 peer
└── vite 4.5.3
wxt 0.18.7
└── vite 5.3.1WXT was created after vite 5 was released, and does not support vite 4... So I think you're out of luck :/
https://github.com/HoudiniGraphql/houdini/issues/1306
If you want to use houdini, you'll probably need to write a vite 5 compatible plugin. Before that, create a basic vite 5 project and see if it works there as expected. If it does, provide that reproduction here and I'll re-open this.
Describe the bug
Using houdini vite plugin seems to fail instantly whether in dev or build mode with the following error:
Reproduction
Minimal reproduction instantly crashes on build or dev mode: https://github.com/Arkezz/wxt-houdini
Steps to reproduce
git clone https://github.com/Arkezz/wxt-houdinipnpm installin the project directory.pnpm build||pnpm devSystem Info
Used Package Manager
pnpm
Validations