Import errors with the package @react-three/drei

Question

I get the same error no matter what I import from the drei package, I am sure I have installed all the necessary packages and the latest versions, but I have this odd error.

Compiled with problems:X

ERROR in ./node_modules/@react-three/drei/core/Trail.js 104:38-54

export 'MeshLineGeometry' (imported as 'MeshLineGeometry') was not found in 'meshline' (module has no exports)


ERROR in ./node_modules/@react-three/drei/core/Trail.js 107:18-34

export 'MeshLineMaterial' (imported as 'MeshLineMaterial') was not found in 'meshline' (module has no exports)


ERROR in ./node_modules/meshline/dist/index.js 1:0-35

Module not found: Error: Can't resolve './MeshLineGeometry' in 'C:\Users\anura\Desktop\mysite\node_modules\meshline\dist'
Did you mean 'MeshLineGeometry.js'?
BREAKING CHANGE: The request './MeshLineGeometry' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

Try downgrading to 9.40.0. I have the same issue with version 9.46.4. — TheKalashnikov
– TheKalashnikov, Commented Dec 13, 2022 at 11:11
@TheKalashnikov I'm at version 9.36.0 and have the problem too — Monstar
– Monstar, Commented Dec 13, 2022 at 15:56

Afsanefda · Accepted Answer · 2022-12-16 15:41:43Z

1

Downgrading not working solved it temporarily as follows.

Copied the index.js from node_modules/meshline/dist to lib/meshline in the root folder
Fixed by adding .js extensions to each line
Updated build steps as in the screenshots

Fixed index.js in lib/meshline

Build steps

edited Dec 16, 2022 at 15:41

Afsanefda

3,3598 gold badges43 silver badges80 bronze badges

answered Dec 13, 2022 at 11:48

Codezilla

112 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Monstar Over a year ago

Still doesn't work for me

Codezilla Over a year ago

You are right my mistake looks like I fixed it manually. Updating my answer with my solution

Collectives™ on Stack Overflow

Import errors with the package @react-three/drei

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related