Pixi with SSR library like NUXT

[mcpll]

Goodmorning everyone,
I wanted to ask if anyone tried to use pixi together with nuxt.js because there seem to be errors.

[ivanpopelyshev]

Server-side rendering? I dont know how is it related to pixi. Polyfills conflict?

[mcpll]

it is as if at the time that I execute the import the library went immediately to look for some element of the dom.
Is it possible?

[ivanpopelyshev]

ah, that thing. There was huge PR to make pixi work on node.js . PIXI has some initializations that work immidiately. #4367

[Cristy94]

I added a short tutorial a while ago about running Phaser on the server. You have there some tricks you can use to make the app think it's still running inside the browser. http://www.tips4design.com/2015/06/js-running-phaser-in-nodejs.html

[Prozi]

https://github.com/Prozi/pixi-shim

[mcpll]

@Prozi
I try to install and execute in my nuxt project but i receive this error with fs
This dependency was not found:

• fs in ./node_modules/canvas-prebuilt/canvas/lib/canvas.js

To install it, you can run: npm install --save fs

This relative module was not found:

• ../build/Release/canvas in ./node_modules/canvas-prebuilt/canvas/lib/bindings.js

[ivanpopelyshev]

is there node_modules/canvas-prebuilt folder?

[Prozi]

then install fs by npm install fs --save

strange it should work out of the box

[mcpll]

@ivanpopelyshev yes
@Prozi I've just install fs but nothing change...

what do you think?

[Prozi]

its possible you have 32 bit system?

canvas-prebuilt doesnt work with 32 bit systems AFAIK

you'd need to fork my repo and replace canvas-prebuilt dependency with canvas

along with installing canvas yourself (which is a pain in the ass especially on windows)

good luck, let us know how it went!

[Prozi]

oooooh wait you're not trying to use it on serverside right?

you're just trying to use pixi.js with nuxt.js right?

then it should work out of the box - and YOU DONT NEED THAT REPO

[themoonrat]

Closing due to inactivity

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.