[v8] Cannot read property 'addRenderable' of undefined

[JetLua]

Description

I tried using @pixi/unsafe-eval@7 and pixi.js@8, but I found it doesn't work.

Current environment does not allow unsafe-eval, please use pixi.js/unsafe-eval module to enable support.

[bigtimebuddy]

Try including pixi.js/unsafe-eval. All packages are now shipped with v8.

[JetLua]

Try including pixi.js/unsafe-eval. All packages are now shipped with v8.

@bigtimebuddy Thank you, it's resolved.

When I run the following code in WeChat, I encounter an error.

const renderer = new PIXI.WebGLRenderer()

renderer.init({
  canvas,
  antialias: true,
  preferWebGLVersion: 1,
  backgroundColor: 0x171a24,
}).then(() => {
  const g = new PIXI.Graphics()

  g.fill(0xffc333)
  g.rect(0, 0, 100, 100)

  stage.addChild(g)

  renderer.render({container: stage})
})

Cannot read property 'addRenderable' of undefined

I did some basic research and found that the error stems from the following code snippet. Additionally, I added code locally to print variable information.

pixijs/src/scene/container/utils/buildInstructions.ts

Lines 73 to 75 in d4cb3d1

	const rp = renderPipes as unknown as Record<string, RenderPipe>;
	rp[container.renderPipeId].addRenderable(container as Renderable, instructionSet);

console.log(rp)
console.log(container.renderPipeId)

output:

I found that there is no graphics property in rp, so rp[container.renderPipeId] is undefined.

I'm not entirely sure if this is a situation unique to WeChat.

@GoodBoyDigital

[GoodBoyDigital]

thanks for sharing! il take a look

[GoodBoyDigital]

Hey there! The issue is that the extensions are dynamically loaded when via autoDetectRenderer

the quick fix for now would be to do the following:

const renderer = await autoDetectRenderer({
    preference:'webgl'
})

we will look into adding a await createWebGLRenderer() and await createWebGPURenderer() functions that install all the plugins and things!