Uncaught TypeError in Shader.js (Electron app)

[ignisphaseone]

I am using Electron (and by extension, npm and require), and am just trying to do basic tutorial code. There's a choke on making a new WebGLRenderer.

var PIXI = require('pixi.js');
console.log(PIXI); //successful, Object reported to console log.
var renderer = new PIXI.WebGLRenderer(256, 256); //breaks
// OR
var renderer = PIXI.autoDetectRenderer(256, 256); //breaks

Error for both of the above lines:
Uncaught TypeError: src.substring is not a function Shader.js:12

[kaansoral]

I'm using pixi by importing it like any other script in html, using Electron, no issues

However, Electron does require some require/import related modifications to code (if you import them to the DOM, you have to manually convert module.exports's to global variable names, like $ for jQuery)

Nothing tangible to help you, but just my .02
Edit: My approach to Electron wasn't the right approach, but it worked, downside, importing scripts externally

[ivanpopelyshev]

Its problem with glsify, then. Like in that webpack issue somewhere here...

[ignisphaseone]

webpack issue is #2922

[Adam-Meisen]

The workaround for this in webpack is to use the prebuilt version. If it works the same in electron, either require('pixi.js/bin/pixi.js'), or download pixi.js (or pixi.min.js) from here, drop it in your directory, and require('./pixi.js')

[englercj]

Closing as it seems answered, people mentioned webpack workaround and you cannot simply include pixi's entry file using electron's require. You will need to include the built file in electron.

[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.