WebGPURenderer: Render `AxesHelper` error.

[linbingquan]

Description

Render AxesHelper error with WebGPURenderer in r155 or dev.

Mayby the WebGPURenderer does not support AxesHelper or I miss something about it.

Reproduction steps

1. Use the following code to create index.html
2. Start the http service locally.
3. Open the http service in browser.

Code

<script type="importmap">
    {
        "imports": {
            "three": "https://unpkg.com/three@0.155.0/build/three.module.js",
            "three/addons/": "https://unpkg.com/three@0.155.0/examples/jsm/"
        }
    }
</script>
<script type="module">
    import * as THREE from "three";
    import WebGPURenderer from "three/addons/renderers/webgpu/WebGPURenderer.js";

    //   const renderer = new THREE.WebGLRenderer({ antialias: true }); // it is OK.
    const renderer = new WebGPURenderer({ antialias: true });
    document.body.appendChild(renderer.domElement);

    const aspect = window.innerWidth / window.innerHeight;
    const camera = new THREE.PerspectiveCamera(50, aspect);
    camera.position.z = 5;

    const scene = new THREE.Scene();
    const helper = new THREE.AxesHelper();
    scene.add(helper);

    renderer.render(scene, camera);
</script>

There is no pasting of the dev code, which needs to replace the importmap link based on the index.html location.

Live example

None

Screenshots

Error info in devtool:

Version

r155, dev

Device

Desktop

Browser

Chrome, Edge

OS

Windows