> m-one-webpage-1.4@0.0.0 build > next build ▲ Next.js 16.2.2 (Turbopack) Creating an optimized production build ... > Build error occurred Error: Turbopack build failed with 45 errors: ./node_modules/@google/model-viewer/lib/features/animation.js:22:1 Module not found: Can't resolve 'three' 20 | }; 21 | import { property } from 'lit/decorators.js'; > 22 | import { LoopOnce, LoopPingPong, LoopRepeat } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | import { $getModelIsVisible, $needsRender, $onModelLoad, $renderer, $scene, $tick } from '... 24 | const MILLISECONDS_PER_SECOND = 1000.0; 25 | const $changeAnimation = Symbol('changeAnimation'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/animation.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/animation.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/annotation.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { Matrix4, Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import { $needsRender, $onModelLoad, $scene, $tick, toVector2D, toVector3D } from '../mode... 17 | import { Hotspot } from '../three-components/Hotspot.js'; 18 | const $hotspotMap = Symbol('hotspotMap'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/controls.js:22:1 Module not found: Can't resolve 'three' 20 | }; 21 | import { property } from 'lit/decorators.js'; > 22 | import { Spherical, Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | import { style } from '../decorators.js'; 24 | import { $ariaLabel, $container, $getModelIsVisible, $loadedTime, $needsRender, $onModelLo... 25 | import { degreesToRadians, normalizeUnit } from '../styles/conversions.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/controls.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/controls.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/environment.js:22:1 Module not found: Can't resolve 'three' 20 | ... 21 | ...ators.js'; > 22 | ...ToneMapping, CineonToneMapping, LinearToneMapping, NeutralToneMapping, NoToneMapping, R...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | ...cker, $renderer, $scene, $shouldAttemptPreload } from '../model-viewer-base.js'; 24 | ...om '../utilities.js'; 25 | ... Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/environment.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/environment.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/loading.js:22:1 Module not found: Can't resolve 'three' 20 | }; 21 | import { property } from 'lit/decorators.js'; > 22 | import { Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | import { $altDefaulted, $announceModelVisibility, $getModelIsVisible, $isElementInViewport... 24 | import { $loader, CachingGLTFLoader } from '../three-components/CachingGLTFLoader.js'; 25 | import { Renderer } from '../three-components/Renderer.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/loading.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/loading.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph.js:22:1 Module not found: Can't resolve 'three' 20 | }; 21 | import { property } from 'lit/decorators.js'; > 22 | import { CanvasTexture, RepeatWrapping, SRGBColorSpace, VideoTexture } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter.js'; 24 | import { $needsRender, $onModelLoad, $progressTracker, $renderer, $scene } from '../model-... 25 | import GLTFExporterMaterialsVariantsExtension from '../three-components/gltf-instance/Vari... Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/image.js:15:1 Module not found: Can't resolve 'three' 13 | ...ons under the License. 14 | ... > 15 | ...sh, MeshBasicMaterial, OrthographicCamera, PlaneGeometry, Scene, WebGLRenderTarget } fr...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...obCanvas } from '../../model-viewer-base.js'; 17 | ...nderer } from '../../three-components/Renderer.js'; 18 | ...orrelatedObjects, $onUpdate, ThreeDOMElement } from './three-dom-element.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/image.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/texture.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/image.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/texture.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js:16:1 Module not found: Can't resolve 'three' 14 | */ 15 | var _a, _b; > 16 | import { Color, DoubleSide, FrontSide, Vector2 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { PBRMetallicRoughness } from './pbr-metallic-roughness.js'; 18 | import { TextureInfo, TextureUsage } from './texture-info.js'; 19 | import { $correlatedObjects, $onUpdate, ThreeDOMElement } from './three-dom-element.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js:16:1 Module not found: Can't resolve 'three' 14 | */ 15 | var _a, _b, _c, _d, _e, _f; > 16 | import { Mesh } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { $setActive, $variantIndices, Material } from './material.js'; 18 | import { Node, PrimitiveNode } from './nodes/primitive-node.js'; 19 | import { $correlatedObjects } from './three-dom-element.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/pbr-metallic-roughness.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { Color } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import { TextureInfo, TextureUsage } from './texture-info.js'; 17 | import { $correlatedObjects, $onUpdate, ThreeDOMElement } from './three-dom-element.js'; 18 | const $threeMaterial = Symbol('threeMaterial'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/pbr-metallic-roughness.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/pbr-metallic-roughness.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/sampler.js:15:1 Module not found: Can't resolve 'three' 13 | ... 14 | ... > 15 | ...nearMipmapNearestFilter, MirroredRepeatWrapping, NearestFilter, NearestMipmapLinearFilt...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ... 17 | ...2.0.js'; 18 | ...dom-element.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/sampler.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/texture.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/sampler.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/texture.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph/texture-info.js:16:1 Module not found: Can't resolve 'three' 14 | */ 15 | var _a, _b, _c; > 16 | import { LinearSRGBColorSpace, SRGBColorSpace, Vector2 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { $threeTexture } from './image.js'; 18 | import { Texture } from './texture.js'; 19 | const $texture = Symbol('texture'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph/texture-info.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph/texture-info.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/material.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph/model.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/model-viewer.js:26:1 Module not found: Can't resolve 'three' 24 | // Export these to allow lazy-loaded LottieLoader.js to find what it needs. 25 | // Requires an import map - "three": "path/to/model-viewer.min.js". > 26 | export { CanvasTexture, FileLoader, Loader, NearestFilter } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 27 | export const ModelViewerElement = AnnotationMixin(SceneGraphMixin(StagingMixin(Environment... 28 | customElements.define('model-viewer', ModelViewerElement); 29 | //# sourceMappingURL=model-viewer.js.map Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js:15:1 Module not found: Can't resolve 'three' 13 | ...he License. 14 | ... > 15 | ...BufferGeometry, EventDispatcher, Line, Matrix4, Mesh, PerspectiveCamera, Quaternion, Ve...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...ght } from 'three/examples/jsm/webxr/XREstimatedLight.js'; 17 | ...round, $currentEnvironmentMap } from '../features/environment.js'; 18 | ...didate } from '../utilities.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js:16:1 Module not found: Can't resolve 'three' 14 | */ 15 | var _a, _b; > 16 | import { EventDispatcher, Texture } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'; 18 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'; 19 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/EnvironmentScene.js:15:1 Module not found: Can't resolve 'three' 13 | ...s under the License. 14 | ... > 15 | ...Side, BoxGeometry, Mesh, MeshBasicMaterial, MeshStandardMaterial, PointLight, Scene } f...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...= { 17 | ... { 18 | ...sity: 500, Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/EnvironmentScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/EnvironmentScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { Texture } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js'; 17 | export const $prepared = Symbol('prepared'); 18 | export const $prepare = Symbol('prepare'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/GroundedSkybox.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { Mesh, MeshBasicMaterial, SphereGeometry, Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | export class GroundedSkybox extends Mesh { 17 | constructor() { 18 | super(undefined, new MeshBasicMaterial({ depthWrite: false })); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/GroundedSkybox.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/GroundedSkybox.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { Matrix3, Quaternion, Triangle, Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js'; 17 | import { normalizeUnit } from '../styles/conversions.js'; 18 | import { parseExpressions } from '../styles/parsers.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js:15:1 Module not found: Can't resolve 'three' 13 | ... 14 | ... > 15 | ...ong, LoopRepeat, Matrix3, NeutralToneMapping, Object3D, PerspectiveCamera, Raycaster, S...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...rs/CSS2DRenderer.js'; 17 | ...SceneUtils.js'; 18 | ...../features/scene-graph.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/PlacementBox.js:15:1 Module not found: Can't resolve 'three' 13 | ...nder the License. 14 | ... > 15 | ...etry, BufferGeometry, DoubleSide, Float32BufferAttribute, Mesh, PlaneGeometry, Vector2 ...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...} from './Damper.js'; 17 | ....2; 18 | ... = 0.03; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/PlacementBox.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/PlacementBox.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Renderer.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { EventDispatcher, NeutralToneMapping, Vector2, WebGLRenderer } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import { $updateEnvironment } from '../features/environment.js'; 17 | import { $canvas, $tick, $updateSize } from '../model-viewer-base.js'; 18 | import { clamp, isDebugMode } from '../utilities.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Shadow.js:15:1 Module not found: Can't resolve 'three' 13 | ... 14 | ... > 15 | ...erial, MeshDepthMaterial, Object3D, OrthographicCamera, PlaneGeometry, RGBAFormat, Shad...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | ...m/shaders/HorizontalBlurShader.js'; 17 | ...shaders/VerticalBlurShader.js'; 18 | ... Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/SmoothControls.js:14:1 Module not found: Can't resolve 'three' 12 | * limitations under the License. 13 | */ > 14 | import { Euler, EventDispatcher, Matrix3, Spherical, Vector2, Vector3 } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 15 | import { $panElement } from '../features/controls.js'; 16 | import { clamp } from '../utilities.js'; 17 | import { Damper, SETTLING_TIME } from './Damper.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/SmoothControls.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/controls.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/SmoothControls.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/controls.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js:16:1 Module not found: Can't resolve 'three' 14 | ... 15 | ... > 16 | ...Type, LinearSRGBColorSpace, Mesh, NoBlending, NoToneMapping, RGBAFormat, Scene, ShaderM...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | ... 18 | ... 19 | ... Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js:15:1 Module not found: Can't resolve 'three' 13 | * limitations under the License. 14 | */ > 15 | import { FrontSide, Sphere } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 16 | import { $clone, $prepare, $preparedGLTF, GLTFInstance } from '../GLTFInstance.js'; 17 | import { CorrelatedSceneGraph } from './correlated-scene-graph.js'; 18 | const $correlatedSceneGraph = Symbol('correlatedSceneGraph'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/correlated-scene-graph.js:1:1 Module not found: Can't resolve 'three' > 1 | import { Material } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 2 | const $threeGLTF = Symbol('threeGLTF'); 3 | const $gltf = Symbol('gltf'); 4 | const $gltfElementMap = Symbol('gltfElementMap'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/correlated-scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/correlated-scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@monogrid/gainmap-js/dist/Loader-DLI-_JDP.js:6:1 Module not found: Can't resolve 'three' 4 | ... 5 | ... > 6 | ... Loader, LoadingManager, Texture, UVMapping, ClampToEdgeWrapping, LinearFilter, LinearMi...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 7 | ... 8 | ... 9 | ... Import traces: Client Component Browser: ./node_modules/@monogrid/gainmap-js/dist/Loader-DLI-_JDP.js [Client Component Browser] ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@monogrid/gainmap-js/dist/Loader-DLI-_JDP.js [Client Component SSR] ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@monogrid/gainmap-js/dist/QuadRenderer-Bj1xl_EK.js:6:1 Module not found: Can't resolve 'three' 4 | ... 5 | ... > 6 | ...LRenderTarget, RGBAFormat, UVMapping, WebGLRenderer, DataTexture, LinearSRGBColorSpace, ...  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 7 | ... 8 | ... 9 | ... Import traces: Client Component Browser: ./node_modules/@monogrid/gainmap-js/dist/QuadRenderer-Bj1xl_EK.js [Client Component Browser] ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@monogrid/gainmap-js/dist/QuadRenderer-Bj1xl_EK.js [Client Component SSR] ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@monogrid/gainmap-js/dist/decode.js:9:1 Module not found: Can't resolve 'three'  7 | import { c as createDecodeFunction, L as LoaderBaseShared, e as extractGainmapFromJPEG, X ...  8 | export { M as MPFExtractor, a as extractXMP } from './Loader-DLI-_JDP.js'; >  9 | import { ShaderMaterial, NoBlending, Vector3, WebGLRenderer, FileLoader } from 'three';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 10 | 11 | const vertexShader = /* glsl */ ` 12 | varying vec2 vUv; Import traces: Client Component Browser: ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@monogrid/gainmap-js/dist/decode.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/scene-graph.js:23:1 Module not found: Can't resolve 'three/examples/jsm/exporters/GLTFExporter.js' 21 | import { property } from 'lit/decorators.js'; 22 | import { CanvasTexture, RepeatWrapping, SRGBColorSpace, VideoTexture } from 'three'; > 23 | import { GLTFExporter } from 'three/examples/jsm/exporters/GLTFExporter.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 24 | import { $needsRender, $onModelLoad, $progressTracker, $renderer, $scene } from '../model-... 25 | import GLTFExporterMaterialsVariantsExtension from '../three-components/gltf-instance/Vari... 26 | import { $availableVariants, $materialFromPoint, $prepareVariantsForExport, $switchVariant... Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/scene-graph.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/features/ar.js:22:1 Module not found: Can't resolve 'three/examples/jsm/exporters/USDZExporter.js' 20 | }; 21 | import { property } from 'lit/decorators.js'; > 22 | import { USDZExporter } from 'three/examples/jsm/exporters/USDZExporter.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 23 | import { IS_AR_QUICKLOOK_CANDIDATE, IS_SCENEVIEWER_CANDIDATE, IS_WEBXR_AR_CANDIDATE } from... 24 | import { $needsRender, $progressTracker, $renderer, $scene, $shouldAttemptPreload, $update... 25 | import { enumerationDeserializer } from '../styles/deserializers.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js:17:1 Module not found: Can't resolve 'three/examples/jsm/libs/meshopt_decoder.module.js' 15 | var _a, _b; 16 | import { EventDispatcher, Texture } from 'three'; > 17 | import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 18 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'; 19 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; 20 | import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js:18:1 Module not found: Can't resolve 'three/examples/jsm/loaders/DRACOLoader.js' 16 | import { EventDispatcher, Texture } from 'three'; 17 | import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'; > 18 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 19 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; 20 | import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js'; 21 | import { CacheEvictionPolicy } from '../utilities/cache-eviction-policy.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js:19:1 Module not found: Can't resolve 'three/examples/jsm/loaders/GLTFLoader.js' 17 | import { MeshoptDecoder } from 'three/examples/jsm/libs/meshopt_decoder.module.js'; 18 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'; > 19 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 20 | import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js'; 21 | import { CacheEvictionPolicy } from '../utilities/cache-eviction-policy.js'; 22 | import GLTFMaterialsVariantsExtension from './gltf-instance/VariantMaterialLoaderPlugin.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js:20:1 Module not found: Can't resolve 'three/examples/jsm/loaders/KTX2Loader.js' 18 | import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader.js'; 19 | import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js'; > 20 | import { KTX2Loader } from 'three/examples/jsm/loaders/KTX2Loader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 21 | import { CacheEvictionPolicy } from '../utilities/cache-eviction-policy.js'; 22 | import GLTFMaterialsVariantsExtension from './gltf-instance/VariantMaterialLoaderPlugin.js'; 23 | Texture.DEFAULT_ANISOTROPY = 4; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/CachingGLTFLoader.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js:17:1 Module not found: Can't resolve 'three/examples/jsm/loaders/RGBELoader.js' 15 | import { HDRJPGLoader } from '@monogrid/gainmap-js'; 16 | import { BackSide, BoxGeometry, CubeCamera, EquirectangularReflectionMapping, HalfFloatTyp... > 17 | import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 18 | import { deserializeUrl, timePasses } from '../utilities.js'; 19 | import EnvironmentScene from './EnvironmentScene.js'; 20 | const GENERATED_SIGMA = 0.04; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/TextureUtils.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js:16:1 Module not found: Can't resolve 'three/examples/jsm/renderers/CSS2DRenderer.js' 14 | */ 15 | import { Matrix3, Quaternion, Triangle, Vector3 } from 'three'; > 16 | import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { normalizeUnit } from '../styles/conversions.js'; 18 | import { parseExpressions } from '../styles/parsers.js'; 19 | const a = new Vector3(); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Hotspot.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/annotation.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js:16:1 Module not found: Can't resolve 'three/examples/jsm/renderers/CSS2DRenderer.js' 14 | */ 15 | import { AnimationMixer, Box3, Euler, LoopOnce, LoopPingPong, LoopRepeat, Matrix3, Neutral... > 16 | import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { reduceVertices } from 'three/examples/jsm/utils/SceneUtils.js'; 18 | import { $currentGLTF, $model, $originalGltfJson } from '../features/scene-graph.js'; 19 | import { $nodeFromIndex, $nodeFromPoint } from '../features/scene-graph/model.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Shadow.js:16:1 Module not found: Can't resolve 'three/examples/jsm/shaders/HorizontalBlurShader.js' 14 | .../ 15 | ...port { BackSide, DoubleSide, Box3, Mesh, MeshBasicMaterial, MeshDepthMaterial, Object3D... > 16 | ...port { HorizontalBlurShader } from 'three/examples/jsm/shaders/HorizontalBlurShader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | ...port { VerticalBlurShader } from 'three/examples/jsm/shaders/VerticalBlurShader.js'; 18 | ...port { lerp } from 'three/src/math/MathUtils.js'; 19 | ... The softness [0, 1] of the shadow is mapped to a resolution between Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Shadow.js:17:1 Module not found: Can't resolve 'three/examples/jsm/shaders/VerticalBlurShader.js' 15 | import { BackSide, DoubleSide, Box3, Mesh, MeshBasicMaterial, MeshDepthMaterial, Object3D,... 16 | import { HorizontalBlurShader } from 'three/examples/jsm/shaders/HorizontalBlurShader.js'; > 17 | import { VerticalBlurShader } from 'three/examples/jsm/shaders/VerticalBlurShader.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 18 | import { lerp } from 'three/src/math/MathUtils.js'; 19 | // The softness [0, 1] of the shadow is mapped to a resolution between 20 | // 2^LOG_MAX_RESOLUTION and 2^LOG_MIN_RESOLUTION. Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js:17:1 Module not found: Can't resolve 'three/examples/jsm/utils/SceneUtils.js' 15 | import { AnimationMixer, Box3, Euler, LoopOnce, LoopPingPong, LoopRepeat, Matrix3, Neutral... 16 | import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js'; > 17 | import { reduceVertices } from 'three/examples/jsm/utils/SceneUtils.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 18 | import { $currentGLTF, $model, $originalGltfJson } from '../features/scene-graph.js'; 19 | import { $nodeFromIndex, $nodeFromPoint } from '../features/scene-graph/model.js'; 20 | import { $renderer, $scene } from '../model-viewer-base.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js:16:1 Module not found: Can't resolve 'three/examples/jsm/utils/SkeletonUtils.js' 14 | */ 15 | import { Texture } from 'three'; > 16 | import * as SkeletonUtils from 'three/examples/jsm/utils/SkeletonUtils.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | export const $prepared = Symbol('prepared'); 18 | export const $prepare = Symbol('prepare'); 19 | export const $preparedGLTF = Symbol('preparedGLTF'); Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/GLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/Renderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js:16:1 Module not found: Can't resolve 'three/examples/jsm/webxr/XREstimatedLight.js' 14 | */ 15 | import { BoxGeometry, BufferGeometry, EventDispatcher, Line, Matrix4, Mesh, PerspectiveCam... > 16 | import { XREstimatedLight } from 'three/examples/jsm/webxr/XREstimatedLight.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 17 | import { $currentBackground, $currentEnvironmentMap } from '../features/environment.js'; 18 | import { assertIsArCandidate } from '../utilities.js'; 19 | import { Damper } from './Damper.js'; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/ARRenderer.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/features/ar.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found ./node_modules/@google/model-viewer/lib/three-components/Shadow.js:18:1 Module not found: Can't resolve 'three/src/math/MathUtils.js' 16 | import { HorizontalBlurShader } from 'three/examples/jsm/shaders/HorizontalBlurShader.js'; 17 | import { VerticalBlurShader } from 'three/examples/jsm/shaders/VerticalBlurShader.js'; > 18 | import { lerp } from 'three/src/math/MathUtils.js';  | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 19 | // The softness [0, 1] of the shadow is mapped to a resolution between 20 | // 2^LOG_MAX_RESOLUTION and 2^LOG_MIN_RESOLUTION. 21 | const LOG_MAX_RESOLUTION = 9; Import traces: Client Component Browser: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component Browser] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component Browser] ./components/ProductPage.tsx [Client Component Browser] ./app/page.tsx [Client Component Browser] ./app/page.tsx [Server Component] Client Component SSR: ./node_modules/@google/model-viewer/lib/three-components/Shadow.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/three-components/ModelScene.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer-base.js [Client Component SSR] ./node_modules/@google/model-viewer/lib/model-viewer.js [Client Component SSR] ./components/ProductPage.tsx [Client Component SSR] ./app/page.tsx [Client Component SSR] ./app/page.tsx [Server Component] https://nextjs.org/docs/messages/module-not-found at ./node_modules/ (google/model-viewer/lib/features/animation.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/annotation.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/controls.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/environment.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/loading.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/image.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/material.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/model.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/pbr-metallic-roughness.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/sampler.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph/texture-info.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/model-viewer.js:26:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/ARRenderer.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/CachingGLTFLoader.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/EnvironmentScene.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/GLTFInstance.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/GroundedSkybox.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Hotspot.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/ModelScene.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/PlacementBox.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Renderer.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Shadow.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/SmoothControls.js:14:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/TextureUtils.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/gltf-instance/ModelViewerGLTFInstance.js:15:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/gltf-instance/correlated-scene-graph.js:1:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (monogrid/gainmap-js/dist/Loader-DLI-_JDP.js:6:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (monogrid/gainmap-js/dist/QuadRenderer-Bj1xl_EK.js:6:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (monogrid/gainmap-js/dist/decode.js:9:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/scene-graph.js:23:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/features/ar.js:22:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/CachingGLTFLoader.js:17:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/CachingGLTFLoader.js:18:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/CachingGLTFLoader.js:19:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/CachingGLTFLoader.js:20:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/TextureUtils.js:17:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Hotspot.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/ModelScene.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Shadow.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Shadow.js:17:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/ModelScene.js:17:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/GLTFInstance.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/ARRenderer.js:16:1) at (https://nextjs.org/docs/messages/module-not-found) at ./node_modules/ (google/model-viewer/lib/three-components/Shadow.js:18:1) at (https://nextjs.org/docs/messages/module-not-found)