SyntaxError: Cannot use import statement outside a module

Jack · October 7, 2023, 2:17pm

When I use GLTF Export script
Syntax Error: Cannot use import statement outside a module

this error come any one help me ?

LeXXik · October 7, 2023, 2:51pm

ES modules are not supported in Code Editor yet. You would need to use some bundler to transpile it to commonjs.

Jack · October 7, 2023, 2:52pm

can you help me how ?

LeXXik · October 7, 2023, 2:56pm

This is not really a PlayCanvas issue, but a generic Javascript problem. It depends on what tools you use. You should google how to transpile JS files. There are plenty of tutorials and guides available. Pick the one that matches your toolchain.

Jack · October 7, 2023, 2:58pm

I am using Playcanvas GTLF Exporter script

This script I am using

github.com

playcanvas/engine/blob/main/extras/exporters/core-exporter.js

import {
    createShaderFromCode, Texture, BlendState, drawQuadWithShader, RenderTarget,
    PIXELFORMAT_RGBA8, FILTER_LINEAR, ADDRESS_CLAMP_TO_EDGE
} from 'playcanvas';

const textureBlitVertexShader = `
    attribute vec2 vertex_position;
    varying vec2 uv0;
    void main(void) {
        gl_Position = vec4(vertex_position, 0.5, 1.0);
        uv0 = vertex_position.xy * 0.5 + 0.5;
    }`;

const textureBlitFragmentShader = `
    varying vec2 uv0;
    uniform sampler2D blitTexture;
    void main(void) {
        gl_FragColor = texture2D(blitTexture, uv0);
    }`;

This file has been truncated. show original

Jack · October 7, 2023, 3:01pm

I am using Playcanvas and using GLTF Scripts which you guys provide me.

LeXXik · October 7, 2023, 3:01pm

As I mentioned, you should use some bundler, like webpack or rollup to transpile it from ES module to commonjs. This is out of scope issue and you can google how to transpile Javascript using a bundler.

Using the script directly as-is in Code Editor is not supported.

Leonidas · October 8, 2023, 6:34am

As LeXXik mentioned you can’t normally use that in an editor based project. There is an alternative if you’d like to give it a try (answered with that in your other post too):

Jack · October 9, 2023, 11:38am

Hi Brother i solve my problem
i just i want to share how i solve in core-exporter and glb exporter you dnt need to do anything just go on script and turn of preloader thats its. it work
thank you guys for helping