GridMaterial - Cannot read property 'Effect' of undefined on Sveltekit

Maya_Rahto · March 12, 2021, 4:28pm

Cannot read property 'Effect' of undefined

TypeError: Cannot read property 'Effect' of undefined
    at Module../grid/grid.fragment.ts (/src/babylonjs.gridMaterial.js:423:56)
    at __webpack_require__ (/src/babylonjs.gridMaterial.js:31:30)
    at Module../grid/gridMaterial.ts (/src/babylonjs.gridMaterial.js:467:72)
    at __webpack_require__ (/src/babylonjs.gridMaterial.js:31:30)
    at Module../grid/index.ts (/src/babylonjs.gridMaterial.js:731:71)
    at __webpack_require__ (/src/babylonjs.gridMaterial.js:31:30)
    at Module.eval (/src/babylonjs.gridMaterial.js:748:115)
    at Module../legacy/legacy-grid.ts (/src/babylonjs.gridMaterial.js:764:30)
    at __webpack_require__ (/src/babylonjs.gridMaterial.js:31:30)
    at /src/babylonjs.gridMaterial.js:95:18

Anyone knows how to fix it? I copied gridmaterial from github and i’m testing with sveltekit

Deltakosh · March 12, 2021, 6:56pm

I have no idea what is Sveltekit unfortunately ;(

Can you repro that issue in the playground?

Maya_Rahto · March 13, 2021, 6:33am

Hello,

There is no way to reproduce this on playground i think. The only way i know is to install the new svelte repo + babylonjs + gridMaterial file.

Anyway, if you do that, this is the repo of sveltekit

github.com

sveltejs/kit/blob/master/documentation/docs/00-introduction.md

---
title: Introduction
---

### Before we begin

> SvelteKit is in early development, and some things may change before we hit version 1.0. This document is a work-in-progress. If you get stuck, reach out for help in the [Discord chatroom](https://svelte.dev/chat).
>
> See the [migration guides](migrating) for help upgrading from Sapper.

### What is SvelteKit?

SvelteKit is a framework for building extremely high-performance web apps. You're looking at one right now! There are two basic concepts:

* Each page of your app is a [Svelte](https://svelte.dev) component
* You create pages by adding files to the `src/routes` directory of your project. These will be server-rendered so that a user's first visit to your app is as fast as possible, then a client-side app takes over

Building an app with all the modern best practices — code-splitting, offline support, server-rendered views with client-side hydration — is fiendishly complicated. SvelteKit does all the boring stuff for you so that you can get on with the creative part.

You don't need to know Svelte to understand the rest of this guide, but it will help. In short, it's a UI framework that compiles your components to highly optimized vanilla JavaScript. Read the [introductory blog post](https://svelte.dev/blog/svelte-3-rethinking-reactivity) and the [tutorial](https://svelte.dev/tutorial) to learn more.

This file has been truncated. show original

Maya_Rahto · March 14, 2021, 4:33pm

I made a repo, so you can check it out:

The only problem is on importing GridMaterial.

Uncaught (in promise) TypeError: Cannot read property 'GridMaterial' of undefined
    at createScene (:3000/src/components/scene0.js:47)

You can check the repo here: