Device/WebGLDevice import failing in Google Maps 3D example with @luma.gl/engine

[AzyAli]

Can anyone just run it and see if it works without any issues? I tried it on two different laptops, and it doesn't work. First, I had a problem with the project I was working on, so I decided to try the example following the documentation. Any help would be appreciated.

Issue Description

The following error chain occurs when trying to run the Google Maps 3D example:

1. Initial error:
   Uncaught TypeError: WebGLDevice is undefined WebGLAdapter webgl-adapter.ts:24
2. After attempting to use Device:
   Uncaught SyntaxError: The requested module '[...]/deps/@luma__gl_engine.js' doesn't provide an export named 'Device'.

Environment

-- OS: Ubuntu Linux on ThinkPad L14-Gen-4

• Node.js: v16.20.2
• npm: 8.19.4
• Browser: Firefox
• Vite: v4.5.9

Steps to Reproduce

1. Clone deck.gl repository
2. Navigate to examples/website/google-3d
3. Run:

npm install
npm start

## Error Chain

1. First attempt with original code:
```javascript
import {Device} from '@luma.gl/engine';

Error:

Uncaught SyntaxError: The requested module 'http://localhost:5173/node_modules/.vite/deps/@luma__gl_engine.js' doesn't provide an export named: 'Device'

2. Second attempt with WebGLDevice:

import {WebGLDevice} from '@luma.gl/engine';

Error:

Uncaught TypeError: WebGLDevice is undefined
    WebGLAdapter webgl-adapter.ts:24

Terminal Commands Run

cd examples/website/google-3d
rm -rf node_modules package-lock.json
npm cache clean --force
npm install
npm start

Related Links

• deck.gl Google Maps Example
• luma.gl Documentation

## Questions
1. What is the correct WebGL device initialization approach for deck.gl 9.0.0?
2. Is there a breaking change in @luma.gl/engine exports between versions?
3. Should we be using a different import for device initialization with newer versions?


Edits: used Claude to paraphrase.

[ibgreen]

import {WebGLDevice} from '@luma.gl/engine';

That would not work. WebGLDevice is exported from @luma.gl/webgl.