r171 : Fn is not a function with vite.

[Makio64]

Description

import { Fn } from 'three/tsl' not working in r171

The requested module '/node_modules/.vite/deps/three_tsl.js?v=dde6d16d' does not provide an export named 'Fn' I saw similar problem last week when opening a bug in jsfiddle and using the dev branch.

Should we change our imports? @mrdoob

Reproduction steps

1. try importing Fn

Code

X

Live example

https://jsfiddle.net/Makio64/m5zLofx2/1/

Screenshots

No response

Version

r171

Device

No response

Browser

No response

OS

No response

[Mugen87]

Your fiddle is not correct since the import map does not define three/tsl. When doing so, the import of Fn works as expected:

https://jsfiddle.net/a8xm3fph/5/

Maybe a Vite specific issue? The export in the npm package looks correct.

three.js/package.json

Line 19 in 17c59b2

"./tsl": "./build/three.tsl.js"

[Spiri0]

Fn is not part of three.module.js.
three.tsl.js imports "three/webgpu" at the beginning.
So without three.webgpu.js it doesn’t work.

I see Fn as part of three.webgpu.js with the ability to generate glsl code in fallback, but not as a tool intended for targeted shader generation in glsl with three.module.js.
In WebGL, in my opinion, it will be best to create shaders the old way, with RawShaderMaterial. The WebGL examples I looked at were left as they were, without Fn.
@Mugen87 please correct me if I'm wrong.

[Makio64]

Your fiddle is not correct since the import map does not define three/tsl. When doing so, the import of Fn works as expected:

https://jsfiddle.net/a8xm3fph/5/

Maybe a Vite specific issue? The export in the npm package looks correct.

three.js/package.json

Line 19 in 17c59b2

"./tsl": "./build/three.tsl.js"

Its the imports of the jsfiddle examples from the Bug Request.
I'm currently using in vite : 'three/tsl': 'three/webgpu' as suggested by @RenaudRohlinger and it worked well until the r171, why this change ?

[Mugen87]

Its the imports of the jsfiddle examples from the Bug Request.

Thanks for the heads up. I have updated the fiddles so the import maps reflect the changes of r171. 17c59b2

I'm currently using in vite : 'three/tsl': 'three/webgpu' as suggested by @RenaudRohlinger and it worked well until the r171, why this change ?

I guess you are referring to this setup, right?

#28650 (comment)

I'm not a vite user so hopefully @RenaudRohlinger can help.