GriffinJohnston / ldrs

Modern, tree-shakeable loader & spinner web components. Made with CSS, HTML and SVG. https://uiball.com/ldrs
MIT License
1.75k stars 54 forks source link

ReferenceError: HTMLElement is not defined #30

Closed nguyenhai0527 closed 2 weeks ago

nguyenhai0527 commented 2 weeks ago

I using with nextjs. That loaded but I have an error

next dev

▲ Next.js 14.2.15

at webpack_require (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) at webpack_require (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) at eval (./components/loading/quantum.tsx:9:62) at (ssr)/./components/loading/quantum.tsx (/Users//Desktop/mse/final/code//client/.next/server/app/page.js:173:1) at webpack_require (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) at eval (./components/models/trending-prediction.tsx:17:74) at (ssr)/./components/models/trending-prediction.tsx (/Users//Desktop/mse/final/code//client/.next/server/app/page.js:184:1) at webpack_require (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) at eval (./components/right-bar-content/contents-page.tsx:11:85) at (ssr)/./components/right-bar-content/contents-page.tsx (/Users//Desktop/mse/final/code//client/.next/server/app/page.js:195:1) at webpack_require (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) at eval (./components/home-page.tsx:13:101) at (ssr)/./components/home-page.tsx (/Users//Desktop/mse/final/code//client/.next/server/app/page.js:162:1) at Object.webpack_require [as require] (/Users//Desktop/mse/final/code//client/.next/server/webpack-runtime.js:33:42) digest: "443766814" GET / 500 in 2853ms

image image

GriffinJohnston commented 2 weeks ago

Hi, did you follow the steps in the Nextjs guide? https://github.com/GriffinJohnston/ldrs/blob/main/framework-guides.md#nextjs