Pixi.js: वेबपैक - ध्यान में न आया लेखन त्रुटि: fs.readFileSync एक फ़ंक्शन नहीं है

को निर्मित 2 सित॰ 2015 · 14टिप्पणियाँ · स्रोत: pixijs/pixi.js

Webpack.config.js

node: {
    fs: "empty"
},
module: {
    loaders: [{
        test: /\.json$/,
        include: path.join(__dirname, 'node_modules', 'pixi.js'),
        loader: 'json'
    }, {
        test: /\.js$/,
        exclude: path.join(__dirname, 'node_modules'),
        loader: 'babel'
    }, {
        test: /\.png$|\.jpe?g$|\.gif$|img\/.*\.svg$/,
        loader: 'file?name=' + opts.img
    }],
    noParse: /\.min\.js/
},

यह शो Uncaught TypeError: fs.readFileSync is not a function

अगर मैं हटा दूं

node: {
    fs: "empty"
}

यह Uncaught Error: Cannot find module "fs"

मेरी मुख्य लिपि में main.js

import PIXI from 'pixi.js'; // use ES6 width Babel   from npm  pixi.js

मैंने इसे new PIXI.filters.BlurFilter() उपयोग करते समय पाया

लेकिन अगर मैं https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.min.js" सीडीएन लिंक का उपयोग करता हूं
सब ठीक है ।

क्या Wepack के लिए किसी विकल्प को सेट करने की आवश्यकता है?

स्रोत

supermrji

👍9

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

समझ में नहीं आ रहा है कि आखिर इस मसले को कैसे सुलझाया गया? प्रतिक्रिया आवेदन के भीतर से साबुन का उपयोग करने का प्रयास करते समय एक ही समस्या हुई।

aasten 30 नव॰ 2017

👍2

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

#1854 का डुप्लीकेट?

englercj 2 सित॰ 2015

यह समान है, लेकिन अब समस्या यह है कि क्यों सेट करें
require('pixi.js')

node: {
    fs: "empty"
}

यह सब ठीक काम करता है, लेकिन #1854 पसंद नहीं है, यह Uncaught TypeError: fs.readFileSync is not a function जैसे कुछ फ़ंक्शन में BlurFilter दिखाता है

इसके साथ - साथ ,

loaders: [{
    test: /\.json$/,
    include: path.join(__dirname, 'node_modules', 'pixi.js'),
    loader: 'json'
}

अगर मैं include: path.join(__dirname, 'node_modules', 'pixi.js'), हटा
पिक्सी अभी भी काम करती है।

लेकिन एक ही मुद्दा Uncaught TypeError: fs.readFileSync is not a function

supermrji 3 सित॰ 2015

मैं वेबपैक के बारे में कुछ नहीं जानता। आपके पास एक ऐसा रूपांतरण होना चाहिए जो फ़ाइल के वास्तविक स्ट्रिंग्स में readFileSyncs को हल करता है जैसे कि ब्राउज़राइज़ ट्रांसफ़ॉर्म करता है।

englercj 3 सित॰ 2015

यहाँ मेरा काम कर रहे webpack.config है:

var webpack = require("webpack");

var path = require("path");

var config = {
    target: "web",
    debug: true,
    devtool: "source-map",
    entry: {
        main: "./source/scripts/main"
    },
    output: {
        path: "./build",
        filename: "[name].bundle.js",
        chunkFilename: "[id].bundle.js"
    },
    node: {  // this is for pixi.js 
        fs: "empty"
    },
    resolve: {
        modulesDirectories: ['web_modules', 'bower_components', 'node_modules']
    },
    module: {
        loaders: [
            { test: /\.css/, loader: "style-loader!css-loader" },
            { test: /\.less$/, loader: "style-loader!css-loader!less-loader" },
            { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel?optional[]=runtime&stage=0'},
            { test: /\.png/, loader: "url-loader?limit=100000&mimetype=image/png" },
            { test: /\.gif/, loader: "url-loader?limit=100000&mimetype=image/gif" },
            { test: /\.jpg/, loader: "file-loader" },
            { test: /\.json/, loader: "json-loader" },
            { test: /\.(png|woff|woff2|eot|ttf|svg)$/, loader: 'url-loader?limit=100000' }
        ]
    },
    plugins: [
        //new webpack.optimize.UglifyJsPlugin(),
        //new webpack.optimize.DedupePlugin(),
        new webpack.DefinePlugin({
            __DEV__: true
        })
    ]
};
module.exports = config;

ThomasDeutsch 12 सित॰ 2015

👎9

हल के रूप में बंद करना।

englercj 12 सित॰ 2015

👎17 😕8

यह वेबपैक को PIXI के साथ कॉन्फ़िगर करने का सबसे सीधा और सरल उदाहरण है जो मुझे मिला।

https://gist.github.com/mjackson/ecd3914ebee934f4daf4

davydka 8 जन॰ 2016

मैं अद्यतन करने की सिफारिश main के क्षेत्र package.json में बनाया फ़ाइलों को संदर्भित करने के bin । यह एक पुस्तकालय है जिसे अधिकांश लोग क्लाइंट पर उपयोग करने जा रहे हैं। यह थोड़ा अजीब लगता है कि यह बॉक्स से बाहर किसी भी और सभी लोकप्रिय बिल्ड टूल्स के साथ इंटरऑप नहीं करेगा।

कई (सबसे?) अन्य लोकप्रिय क्लाइंट-साइड libs इस तरह की समस्याओं को रोकने के लिए package.json में निर्मित फ़ाइलों का संदर्भ देते हैं।

jamesplease 28 मार्च 2016

👍1

यह बॉक्स के बाहर ब्राउज़र के साथ काम करता है, साथ ही उचित कॉन्फ़िगरेशन के साथ वेबपैक भी। वेबपैक स्वयं अनुशंसा करता है कि आप निर्मित फ़ाइल को _do not_ इंगित करें, लेकिन इसके बजाय स्रोत और उचित ट्रांसफ़ॉर्म को कॉन्फ़िगर करें।

संभवत: भविष्य में हम और अधिक "वेबपैक-फ्रेंडली" ट्रांसफ़ॉर्म का उपयोग करने का प्रयास करेंगे, या हमारे पैकेज जोंस में आवश्यक कॉन्फिगरेशन शामिल करेंगे ताकि आपको इसे लिखना न पड़े (जैसे हम ब्राउज़र के लिए करते हैं)। लेकिन यह कहना कि यह बॉक्स से बाहर के लोकप्रिय बिल्डरों के साथ काम नहीं करता है, बिल्कुल भी सच नहीं है, वेबपैक केवल एक ही है जिसे आपको काम करने के लिए थोड़े से कॉन्फिगर की आवश्यकता होती है।

englercj 28 मार्च 2016

👎3

@supermrji यह

quinn 14 जून 2017

aasten 30 नव॰ 2017

👍2

@aasten मुझे साबुन और VUE-CLI के साथ एक ही समस्या है ... क्या आपने इसे हल किया है?

Crawler158 7 मई 2018

@ क्रॉलर 158 नहीं, क्षमा करें।

aasten 8 मई 2018

कुछ नहीं?

alexisdiel 9 नव॰ 2018

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

lock[bot] 9 नव॰ 2019

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

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

Pixi.js: वेबपैक - ध्यान में न आया लेखन त्रुटि: fs.readFileSync एक फ़ंक्शन नहीं है

Webpack.config.js

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

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

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