Pixi.js: (v4) वेबपैक का उपयोग करते समय GLSLify त्रुटि

को निर्मित 6 सित॰ 2016 · 22टिप्पणियाँ · स्रोत: pixijs/pixi.js

वेबपैक के साथ बंडल करने के बाद मेरे पिक्सी ऐप को चलाने से निम्न त्रुटि होती है:

browser.js:2 Uncaught Error: It appears that you're using glslify in browserify without its transform applied. Make sure that you've set up glslify as a source transform

कुछ शोध बताते हैं कि वेबपैक उपयोगकर्ताओं के बीच यह एक आम समस्या है। https://gist.github.com/mjackson/ecd3914ebee934f4daf4#gistcomment -1842689

यह समाधान कुछ लोगों के लिए काम करता प्रतीत होता है, लेकिन मुझे अभी भी यह काम नहीं मिल रहा है। मैं यह देखने के लिए एक समस्या पोस्ट कर रहा हूं कि क्या हम पिक्सी को वेबपैक ऐप में काम करने के लिए एक सामान्य दिशानिर्देश के साथ आ सकते हैं।

समस्या को पुन: उत्पन्न करने के लिए, बस निम्नलिखित सामग्री के साथ एक वेबपैक ऐप बनाएं:

var PIXI = require('pixi.js');
var renderer = new PIXI.WebGLRenderer(256, 256);

स्रोत

Adam-Meisen

सबसे उपयोगी टिप्पणी

@endel @xTiming हाय दोस्तों। मुझे एक रास्ता मिला।

webpack.config.js

module: {
        loaders: [
            ...
            { test: path.resolve(__dirname, 'node_modules', 'pixi.js'), loader: 'ify' },
            ...
        ]
    },

विंडो सेपरेटर है।
इसके ओएसएक्स के विपरीत।

इसे विंडो 10 में भी देखा जाता है।

kimorkim 18 सित॰ 2016

👍4 ❤1

सभी 22 टिप्पणियाँ

हाय @ एडम-मीसेन! क्या यह मुद्दा अब कुछ बार सामने आया था और मैंने हाल ही में इसे स्वयं अनुभव किया है! इसे ठीक करने का समय मुझे लगता है

क्या Glsify को कच्चे पाठ से बदलने से आपको लगता है कि चाल चल जाएगी? हम अभी तक glslify के लिए किसी विशेष चीज़ का उपयोग नहीं कर रहे हैं..

विचार स्वागत है! मैं

GoodBoyDigital 7 सित॰ 2016

👍1

मैंने केवल इस पुस्तकालय की खोज की है, इसलिए मुझे डर है कि मुझे वास्तव में पता नहीं है कि आंतरिक रूप से gslify का उपयोग कैसे किया जाता है, लेकिन कुछ खोजों से ऐसा लगता है कि यह कई संभावित कारणों के साथ एक बहुत अस्पष्ट त्रुटि संदेश है। आपने जो सुझाव दिया वह शायद काम करेगा। हालांकि आदर्श रूप से मैं यह जानना चाहता हूं कि इसका क्या कारण है, इसे पूरी तरह से दूर करना शायद एक बुरा विचार नहीं है।

मैंने अभी भी इसे काम करने में कामयाब नहीं किया है, यहां तक कि ify-loader, browserify-versionify, और glslify के साथ भी, इसलिए मैं लाइब्रेरी के सीडीएन बिल्ड का उपयोग कर रहा हूं।

Adam-Meisen 8 सित॰ 2016

+1 इसे ठीक करने के लिए, अभी के लिए मैं प्री-बिल्ड संस्करण का उपयोग करता हूं
`pixi.js/bin/pixi.js' से PIXI आयात करें

stephanedemotte 9 सित॰ 2016

❤1

मैं वेबपैक से बहुत परिचित नहीं हूं। क्या कोई एक साधारण परीक्षण प्रोजेक्ट/रेपो बना सकता है जो इस मुद्दे को पुन: उत्पन्न करता है ताकि मैं डीबग करने के लिए उपयोग कर सकूं?

bigtimebuddy 9 सित॰ 2016

आप इसे निम्न के साथ पुन: पेश कर सकते हैं:

npm pixi.js वेबपैक स्थापित करें

webpack.config.js

var path = require('path');
var webpack = require('webpack');

module.exports = {
    entry: path.resolve(__dirname, 'index.js'),
    output: {
        path: path.resolve(__dirname, 'scripts/'),
        filename: 'bundle.js'
    },
    node: {
        fs: 'empty'
    }
};

index.js

var PIXI = require('pixi.js');
console.log(PIXI);
var renderer = new PIXI.WebGLRenderer(512, 512);

प्रोजेक्ट के रूट फ़ोल्डर से:

वेबपैक --config webpack.config.js

परिणामी (प्रोजेक्टरूट)/स्क्रिप्ट/बंडल.जेएस को वेब ब्राउज़र में एक्सेस किया जा सकता है और यह glslify त्रुटि को पुन: उत्पन्न करेगा। बस इसे बहुत जल्दी लिखा और परीक्षण किया, अगर यह काम नहीं करता है तो मुझे बताएं और मैं इसे आपके लिए ठीक करने का प्रयास करूंगा।

Relic 9 सित॰ 2016

👍2

इस समस्या के संबंध में यहां कुछ समस्याएं बंद हैं, जैसे https://github.com/pixijs/pixi.js/issues/2439#issuecomment -243820323। निश्चित नहीं है कि कैसे PIXI होस्ट प्रोजेक्ट पर इन कस्टम कॉन्फ़िगरेशन के बिना आउट-ऑफ़-द-बॉक्स संगतता प्रदान कर सकता है।

आप नीचे दिए गए कॉन्फ़िगरेशन का उपयोग करके वेबपैक का उपयोग करके इसकी सफलतापूर्वक आवश्यकता कर सकते हैं। मैंने केवल वेबपैक 2.x पर परीक्षण किया, लेकिन 1.x पर भी ठीक होना चाहिए।

webpack.config.js:

  module: {
    loaders: [
      /// ...
      { test: /node_modules\/pixi\.js/, loader: 'ify' },
    ]
  },

पैकेज.जेसन:

"devDependencies": {
  "browserify-versionify": "^1.0.6",
  "glslify": "^5.1.0",
  "ify-loader": "^1.0.3",
  "pixi.js": "^4.0.0"
}

endel 11 सित॰ 2016

👍1

दुर्भाग्य से, इन सबके साथ भी, यह अभी भी मेरे लिए काम नहीं करता है।

Adam-Meisen 11 सित॰ 2016

@ एडम-मीसेन यह अजीब है। क्या आप अपना webpack.config.js और package.json ताकि मैं देख सकूं? चीयर्स!

endel 11 सित॰ 2016

+1 मुझे भी यह समस्या है। मैंने अभी के लिए @stephanedemotte के अस्थायी समाधान (ऊपर) का अनुसरण किया।

JVMartin 13 सित॰ 2016

अरे, प्रतीक्षा के लिए खेद है, मैं आगे बढ़ गया और समस्या की पहचान करने के लिए जितना संभव हो सके इसे आसान बनाने के लिए अपनी परियोजना को उचित न्यूनतम तक कम कर दिया।

जैसा कि आप package.json में देख सकते हैं, मैंने उन सभी मॉड्यूल को शामिल किया है जो लोगों ने कहा है कि समस्या को ठीक करने के लिए आवश्यक हैं।

    "browserify-versionify": "^1.0.6",
    "glslify": "^5.1.0",
    "ify-loader": "^1.0.3",

https://gist.github.com/Adam-Meisen/db219b1815633400844b350788a11a6e

फ़ाइलों को निर्देशिका में सहेजें और webpack चलाएं, फिर ब्राउज़र में index.html खोलें या इसे webpack-dev-server साथ परोसें।

Adam-Meisen 15 सित॰ 2016

@ एडम-मीसेन हे, मेरे लिए अच्छा लग रहा है। क्या आपको उस कॉन्फ़िगरेशन में कोई त्रुटि है? इसने यहां काम किया:

screen shot 2016-09-15 at 22 26 06

OSX 10.10.1 पर चल रहा है, मेरा नोड और NPM संस्करण निम्नलिखित है:

$ node --version
v6.3.0
$ npm --version
3.10.3

endel 15 सित॰ 2016

मैं विंडोज़ पर हूं, नोड 6.3.1 और एनपीएम 3.10.6 चला रहा हूं।
chrome_2016-09-15_15-35-38

Adam-Meisen 15 सित॰ 2016

उल्लेख करना भूल गया कि मैं ओएसएक्स का उपयोग कर रहा हूं। इस मुद्दे के साथ कुछ करना होगा: https://github.com/stackgl/glslify/issues/77

endel 15 सित॰ 2016

@endel उपरोक्त समाधान भी मेरे लिए काम नहीं कर रहा है - @ एडम-मीसेन जैसा ही मुद्दा। अभी भी उचित पैकेज स्थापित और समान webpack.config.js के साथ भी glslify त्रुटि हो रही है।

Relic 16 सित॰ 2016

@xTiming क्या आप उस ऑपरेटिंग सिस्टम की पुष्टि कर सकते हैं जिसका आप उपयोग कर रहे हैं?

endel 16 सित॰ 2016

एक ब्राउज़र के रूप में क्रोम का उपयोग करते हुए @endel विंडोज 10।

Relic 16 सित॰ 2016

@endel @xTiming हाय दोस्तों। मुझे एक रास्ता मिला।

webpack.config.js

module: {
        loaders: [
            ...
            { test: path.resolve(__dirname, 'node_modules', 'pixi.js'), loader: 'ify' },
            ...
        ]
    },

विंडो सेपरेटर है।
इसके ओएसएक्स के विपरीत।

इसे विंडो 10 में भी देखा जाता है।

kimorkim 18 सित॰ 2016

👍4 ❤1

समाधान @kimorkim पोस्ट अच्छी तरह से काम करता है, लेकिन यह निश्चित रूप से टाइप किए गए सभी टाइपिंग को गड़बड़ कर देता है। क्या बाइनरी संस्करण में 'pixi.js' को उपनाम करने का कोई तरीका है?

paralin 19 सित॰ 2016

टाइपिंग के लिए, मैं बाहरी जेएस फाइलों को संदर्भित करता हूं।

  externals: {
      // require("jquery") is external and available
      //  on the global var jQuery
      "pixi.js": "PIXI"
  },

import * as PIXI from "pixi.js";

ranglang 19 सित॰ 2016

मैंने एक नमूना शेयर बनाया।

https://github.com/ossas/sudoku_example2

कभी कोई परेशानी हो तो बताना

kimorkim 19 सित॰ 2016

इसे अभी के लिए बंद करना क्योंकि ऐसा लगता है कि यहां समाधान हैं। इसके अतिरिक्त v5 के लिए हम glslfy को छोड़ देंगे और संभवत: browserify भी करेंगे।

englercj 29 सित॰ 2016

इस थ्रेड को स्वचालित रूप से लॉक कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।

lock[bot] 25 फ़र॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pixi.js: (v4) वेबपैक का उपयोग करते समय GLSLify त्रुटि

सबसे उपयोगी टिप्पणी

webpack.config.js

सभी 22 टिप्पणियाँ

webpack.config.js

संबंधित मुद्दों