Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Runtime error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator'). #296

Open
ChristopherTrimboli opened this issue Jan 5, 2024 · 1 comment

Comments

@ChristopherTrimboli
Copy link

ChristopherTrimboli commented Jan 5, 2024

Next.js 14.0.3

import { Text } from "@react-three/drei";

 ⨯ ReferenceError: exports is not defined
    at __webpack_require__ (/home/cjft/Documents/github/lalaland/lalaland-app/.next/server/edge-runtime-webpack.js:37:33)
    at fn (/home/cjft/Documents/github/lalaland/lalaland-app/.next/server/edge-runtime-webpack.js:318:21)
    at __webpack_require__ (/home/cjft/Documents/github/lalaland/lalaland-app/.next/server/edge-runtime-webpack.js:37:33)
    at fn (/home/cjft/Documents/github/lalaland/lalaland-app/.next/server/edge-runtime-webpack.js:318:21)
 ⚠ ./node_modules/troika-three-text/dist/troika-three-text.esm.js
Attempted import error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator').

Import trace for requested module:
./node_modules/troika-three-text/dist/troika-three-text.esm.js
./node_modules/@react-three/drei/core/Text.js
./node_modules/@react-three/drei/index.js
./app/tv/TvScene.tsx
./app/tv/ClientPage.tsx
./app/tv/page.tsx
 ⚠ ./node_modules/troika-three-text/dist/troika-three-text.esm.js
Attempted import error: 'webgl-sdf-generator' does not contain a default export (imported as 'createSDFGenerator').

Import trace for requested module:
./node_modules/troika-three-text/dist/troika-three-text.esm.js
./node_modules/@react-three/drei/core/Text.js
./node_modules/@react-three/drei/index.js
./app/components/KeyboardControls.tsx
./app/tv/ClientPage.tsx
./app/tv/page.tsx

I tried turning off edge. Used just use client. No difference.

three version: 0.160.0
@react-three/fiber version: 8.15.13

My Text code is pretty simple:

                <Text
                  color="red"
                  anchorX={"center"}
                  anchorY={-0.6}
                  fontSize={0.15}
                  maxWidth={3}
                  ref={virtualTextRef}
                >
                  {currentText}
                </Text>

It builds and compiles, deploys to Vercel, but getting runtime logs and throwing errors in some client.

@ChristopherTrimboli
Copy link
Author

I also --legacy-peer-deps installed... no difference on downgraded three versions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant