ध्यान में न आया लेखन त्रुटि: fs.readFileSync कार्य नहीं है

वोट
4

मैं webpack और प्राप्त करने के लिए कोशिश कर रहा हूँ MapBox-जीएल उल्का प्रणाली के भीतर एक साथ काम करते हैं। मैं उपर्युक्त लेकिन कोई भी काम करता है त्रुटि के बारे में हर जगह देखने की है। यहाँ मेरी webpack सेटअप है

{
  root: src,
  devServer: {
    host: localhost
  },
  sass: {
    module: true
  },
  css: {
    module: true
  },
  node: {
    fs: empty
  },
  externals: {
    fs: {},
    tls: {},
    net: {},
    console: {}
  },
  module: {
    loaders: [
      { 
        test: /\\.js$/, 
        include: ./node_modules/mapbox-gl/js/render/painter/use_program.js, 
        loader: transform/cacheable?brfs
      }, {
        test: /\\.js$/,
        include: ./node_modules/mapbox-gl-shaders/index.js,
        loader: transform/cacheable?brfs
      }, {
        test: /\\.js$/,
        include: ./node_modules/webworkify-webpack/index.js,
        loader: worker
      }, {
        test: /\\.css$/,
        loader: style!css?importLoaders=1!autoprefixer,
        include: [
            ./node_modules
        ]
      }, {
        test: /\\.scss$/,
        include: [
          ./node_modules
        ]
      }, {
        test: /\\.sass$/,
        loader: !style!css!sass?indentedSyntax!,
        include: [
          ./node_modules
        ]
      }, { 
        test: /\\.json$/, 
        loader: json-loader 
      }, { 
        test: /\\.(png|jpg|jpeg|gif)$/, 
        loader: url-loader 
      }
    ]
  },
  postcss: [ autoprefixer({ browsers: [last 2 versions'] }) ],
  postLoaders: [
    {
      include: ./node_modules/mapbox-gl/,
      loader: transform,
      query: brfs
    }
  ],
  resolve: {
    alias: {
      webworkify: webworkify-webpack
    }
  }
}

आपकी जानकारी के लिए, मैं webpack द्वारा प्रदान का उपयोग रिएक्टिव ढेर और जिस तरह से यह सेटअप webpack थोड़ा अलग।

और यहाँ मेरा है package.jsonNPM सेटअप के लिए

dependencies: {
    meteor-node-stubs: ^0.2.3,
    meteoredux: 0.0.2,
    numeral: ^1.5.3,
    object-assign: ^4.0.1,
    react: ^0.14.8,
    react-addons-create-fragment: ^0.14.8,
    react-addons-css-transition-group: ^0.14.8,
    react-addons-linked-state-mixin: ^0.14.8,
    react-addons-perf: ^0.14.8,
    react-addons-pure-render-mixin: ^0.14.8,
    react-addons-test-utils: ^0.14.8,
    react-addons-transition-group: ^0.14.8,
    react-addons-update: ^0.14.8,
    react-dom: ^0.14.8,
    react-helmet: ^3.0.0,
    react-mixin: ^3.0.4,
    react-redux: ^4.4.4,
    react-tap-event-plugin: ^0.2.2,
    redux: ^3.4.0,
    string: ^3.3.1
  },
  devDependencies: {
    babel: ^6.3.26,
    babel-core: ^6.7.4,
    babel-loader: ^6.2.4,
    babel-plugin-add-module-exports: ^0.1.2,
    babel-plugin-react-transform: ^2.0.0,
    babel-plugin-transform-decorators-legacy: ^1.3.2,
    babel-preset-es2015: ^6.6.0,
    babel-preset-react: ^6.5.0,
    babel-preset-stage-0: ^6.5.0,
    brfs: ^1.4.3,
    css-loader: ^0.23.1,
    expose-loader: ^0.7.1,
    extract-text-webpack-plugin: ^0.9.1,
    file-loader: ^0.8.5,
    geojson: ^0.3.0,
    less: ^2.3.1,
    less-loader: ^2.2.3,
    node-sass: ^3.6.0,
    react-transform-catch-errors: ^1.0.0,
    react-transform-hmr: ^1.0.1,
    redbox-react: ^1.2.0,
    sass-loader: ^3.2.0,
    sass-resources-loader: ^1.0.2,
    style-loader: ^0.13.1,
    url-loader: ^0.5.7,
    webpack: ^1.13.0,
    webpack-hot-middleware: ^2.4.1,
    json-loader: ^0.5.4,
    webworkify-webpack: ^1.1.0,
    transform-loader: ^0.2.3,
    mapbox-gl: ^0.19.0
  }

मैंने क्या गल्त किया है? की सराहना करने से किसी एमडीजी त्रुटि व्याख्या कर सकते हैं क्योंकि मेरा मानना है कि यह उल्का प्रणाली के साथ करने के लिए कुछ नहीं है। FYI करें, मैं का उपयोग npm startपेज को चलाने के लिए

अद्यतन करें

@also से सुझाव के आधार पर, मैं अपने सेटअप का एक भाग के लिए कदम webpack.conf.js

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

module.exports = {
    resolve: {
        extensions: ['', '.js', '.jsx'],
        alias: {
            webworkify: 'webworkify-webpack'
        }
    },
    module: {
        loaders: [{
            test: /\.json$/,
            loader: 'json-loader'
        }, {
            test: /\.js$/,
            include: path.resolve('./node_modules/mapbox-gl-shaders/index.js'),
            loader: 'transform/cacheable?brfs'
        }],
        postLoaders: [{
            include: /node_modules\/mapbox-gl-shaders/,
            loader: 'transform',
            query: 'brfs'
        }]
    }
};

जो मैं से सेटअप पाने यहाँ । और मेराwebpack.json

{
  root: src,
  devServer: {
    host: localhost
  },
  sass: {
    module: true
  },
  css: {
    module: true
  },
  module: {
    loaders: [
      {
        test: /\\.css$/,
        loader: style!css?importLoaders=1!autoprefixer,
        include: [
            ./node_modules,
          ./src/SewApps/client/css,
            ./src/SewApps/client/Search/css
        ]
      }, {
        test: /\\.scss$/,
        include: [
          ./node_modules,
          ./src/SewApps/client/css,
          ./src/SewApps/client/Search/css
        ]
      }, {
        test: /\\.sass$/,
        loader: !style!css!sass?indentedSyntax!,
        include: [
          ./node_modules
        ]
      }, { 
        test: /\\.(png|jpg|jpeg|gif)$/, 
        loader: url-loader 
      }
    ]
  },
  postcss: [ autoprefixer({ browsers: [last 2 versions'] }) ]
}

लेकिन मैं अभी भी एक और त्रुटि मारा

=> Exited with code: 8                        
W20160609-14:26:04.106(8)? (STDERR) 
W20160609-14:26:04.107(8)? (STDERR) /Users/muhaimincs/Documents/soulja/src/.meteor/local/build/programs/server/app/server.js:59
W20160609-14:26:04.107(8)? (STDERR)     import { ReactRouterSSR } from 'meteor/reactrouter:react-router-ssr';
W20160609-14:26:04.107(8)? (STDERR)     ^^^^^^
W20160609-14:26:04.107(8)? (STDERR) SyntaxError: Unexpected reserved word
W20160609-14:26:04.107(8)? (STDERR)     at /Users/muhaimincs/Documents/suolja/src/.meteor/local/build/programs/server/boot.js:278:30
W20160609-14:26:04.107(8)? (STDERR)     at Array.forEach (native)
W20160609-14:26:04.107(8)? (STDERR)     at Function._.each._.forEach (/Users/muhaimincs/.meteor/packages/meteor-tool/.1.3.1.r1m70++os.osx.x86_64+web.browser+web.cordova/mt-os.osx.x86_64/dev_bundle/server-lib/node_modules/underscore/underscore.js:79:11)
W20160609-14:26:04.107(8)? (STDERR)     at /Users/muhaimincs/Documents/soulja/src/.meteor/local/build/programs/server/boot.js:133:5
03/06/2016 को 06:11
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


4 जवाब

वोट
0

इस भाग बेमानी है:

"node": {
  "fs": "empty"
}

सुनिश्चित नहीं हैं कि यह समस्या खड़ी कर रहा है, लेकिन आप इसे ज़रूरत नहीं है अगर।

03/06/2016 को 09:00
का स्रोत उपयोगकर्ता

वोट
1

आप के लिए तार का उपयोग कर रहे testहैं और includeलोडर विकल्प जो मेल नहीं खाएगी। इन कर रहे हैं नियमित अभिव्यक्ति में परिवर्तित नहीं किया है, तो चीजें पसंद js$से मेल-कि कभी नहीं होगा एक शाब्दिक मतलब होगा $फ़ाइल नाम में। जब हालत एक स्ट्रिंग है, यह हो जाएगा पूरा पथ के खिलाफ तुलना में है, तो ./node_modules/mapbox-gl/js/render/painter/use_program.jsया तो मेल नहीं होता।

चूंकि लोडर शर्तों को पूरा नहीं किया जा रहा है, लोडर नहीं चल रहा है और fs.readFileSyncकॉल द्वारा inlined नहीं की जा रही है brfsबदलना।

इसे ठीक करने के लिए, यह रिएक्टिव ढेर Webpack प्लगइन की तरह लग रहा होगा एक पढ़ा webpack.conf.jsफ़ाइल है, जहां आप वास्तविक रेगुलर एक्सप्रेशन का उपयोग और सभी से मेल खा सकते .jsफाइल या विशेष फ़ाइलों की जरूरत है कि बदलने।

उदाहरण के लिए, में webpack.conf.js(ध्यान दें कि यह फ़ाइल इस उल्का Webpack प्लगइन के लिए विशिष्ट है):

module.exports = {
  module: {
    loaders: [
      {
        test: /mapbox-gl.+\.js$/,
        loader: 'transform/cacheable?brfs'
      }
    ]
  }
};

यह सब से मेल खाएगी .jsके साथ फ़ाइलों को mapbox-glरास्ते में।

मुझे लगता है कि आप अपने सभी अद्यतन करने के लिए चाहता हूँ module.loadersरेगुलर एक्सप्रेशन का उपयोग करने के लिए। आप अगर एक लोडर मिलान है जांच करने की आवश्यकता हो, कोई त्वरित हैक बदलने के लिए है loaderफर्जी कुछ करने के लिए:

      {
        test: /mapbox-gl.+\.js$/,
        loader: 'XXXtransform/cacheable?brfs'
      }

जब यह लोडर नहीं मिलती है तो यह मेल खाता है, Webpack एक अपवाद फेंक देते हैं। दूसरी ओर, यदि आप नहीं है को देखने के लिए एक अपवाद आप क्या आप जानते हैं आपके विन्यास के साथ एक समस्या मिल गया है।

05/06/2016 को 22:41
का स्रोत उपयोगकर्ता

वोट
1

निम्नलिखित webpack.config.js मेरे लिए काम कर रहा है। यह शामिल @ भी brfs मिलान के लिए अच्छा उपाय है:

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

module.exports = {
  entry: './app.js',
  output: { path: __dirname, filename: 'bundle.js' },
  resolve: {
    extensions: ['', '.js'],
    alias: {
      webworkify: 'webworkify-webpack',
      'mapbox-gl': path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js')
    }
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'stage-0']
        }
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.js$/,
        include: path.resolve(__dirname, 'node_modules/webworkify/index.js'),
        loader: 'worker'
      },
      {
        test: /mapbox-gl.+\.js$/,
        loader: 'transform/cacheable?brfs'
      }
    ]
  },
};

मैं एक है काम कर उदाहरण है कि मैं तारीख तक रखने की है।

13/06/2016 को 13:00
का स्रोत उपयोगकर्ता

वोट
0

मेरा मुद्दा भी ऐसा ही था। इसे इस्तेमाल करे:

पहचानें जो मॉड्यूल फेंक है fs.readFileSyncत्रुटि। मेरे लिए यह था mimeजिनमें से एक निर्भरता है url-loader

मैं इसे बदल दिया साथ file-loaderजो पर निर्भर नहीं करता mimeहै, और इसलिए नहीं fs। स्थापना रद्द करने सुनिश्चित करें url-loaderके रूप में यह अभी भी त्रुटि फेंक देंगे!

फिर अपने को अद्यतन webpack.confके साथ:

{ test: /\.(ttf|eot|svg|jpg|gif|png|woff|woff2)$/, loader: 'file-loader' }

उम्मीद है की वो मदद करदे!

01/02/2017 को 21:04
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more