protectwise / troika

A JavaScript framework for interactive 3D and 2D visualizations

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

ChristopherTrimboli opened this issue · comments

commented

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.

commented

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