React-dnd: बैबल त्रुटि - हटाए गए बैबेल 5 विकल्प का उपयोग करना

हाय @ जगन-वीरराघवन! आप बोवर में रिएक्ट-डीएनडी को कैसे शामिल कर रहे हैं? आप ऐसा करने से किया जाना चाहिए इस तरह ।

ऐसा लगता है कि आप इसके बजाय बोवर को पूरे जीथब रेपो की ओर इशारा कर रहे होंगे। यह काम नहीं करेगा क्योंकि इसमें .babelrc , एक Babel 5 कॉन्फ़िग फ़ाइल जो आपके द्वारा उपयोग किए जा रहे Babel के संस्करण के साथ असंगत है (6)। एनपीएम वितरण इस फ़ाइल को छोड़ देता है (बीटीडब्ल्यू, हम बोवर पर एनपीएम का उपयोग करने का सुझाव देते हैं)।

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

नमस्ते, मैं वेबपैक और बेबेल 6 का उपयोग करके इसी तरह के मुद्दे पर भागा।

ERROR in ./~/dnd-core/lib/index.js
Module build failed: ReferenceError: [BABEL] /node_modules/dnd-core/lib/index.js: 
Using removed Babel 5 option: /node_modules/dnd-core/.babelrc.stage - Check out the corresponding stage-x presets http://babeljs.io/docs/plugins/#presets

यहाँ मेरी सेटिंग्स हैं:

पैकेज.जेसन

{
  "devDependencies": {
    "babel-core": "^6.3.26",
    "babel-loader": "^6.2.1",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "babel-preset-stage-0": "^6.5.0",
    "css-loader": "^0.23.1",
    "extract-text-webpack-plugin": "^1.0.1",
    "file-loader": "^0.8.5",
    "jquery": "^2.2.1",
    "less": "^2.6.1",
    "less-loader": "^2.2.2",
    "style-loader": "^0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0"
  },
  "dependencies": {
    "babel-polyfill": "^6.3.14",
    "expose-loader": "^0.7.1",
    "jquery": "^2.1.4",
    "lodash": "^3.10.1",
    "react": "^0.14.7",
    "react-dnd": "^2.1.3",
    "react-dnd-html5-backend": "^2.1.2",
    "react-dom": "^0.14.7",
    "tracking": "^1.1.2"
  }
}

.बेबेलआरसी

{
  "presets": ["react", "es2015", "stage-0"]
}

वेबपैक

var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader'
      }
    ]
  }
};

कृपया कोई मेरी मदद कर सकता है?

आह, मैंने webpack.conf में node_modules को छोड़कर इसे ठीक किया: नर्तक:

      {
        exclude: /(node_modules|bower_components)/,
        test: /\.js$/,
        loader: 'babe-loader'
      },

यह मेरी समस्या का समाधान करता है, बहुत बहुत धन्यवाद!

@ वाल्टर0331

लोडर: 'बेब-लोडर'

यह बात होनी चाहिए।

@billyjanitsch क्या आपने

मैं वेबपैक और बेबेल 6 के साथ इस समस्या में भाग रहा हूं। इसी तरह @ वाल्टर0331 के रूप में। मुझे इसे अपने बैबेल के माध्यम से चालू रखने की आवश्यकता है क्योंकि हम node_modules का कस्टम मिनिफिकेशन कर रहे हैं इसलिए node_modules को छोड़कर मेरी मदद नहीं करेगा।

बस स्पष्ट करने के लिए, मुझे लगता है कि हर किसी का अर्थ "बेब-लोडर" के बजाय "बेबेल-लोडर" है।

loader: 'babel-loader'

मैं babel5.x से 6.x में अपग्रेड करने का प्रयास कर रहा हूं और यही त्रुटि प्राप्त कर रहा हूं। मैं प्रतिक्रिया का उपयोग कर रहा हूँ, बेबेल 6 और वेबपैक के साथ रेडक्स।

नीचे मेरी वेबपैक कॉन्फ़िगरेशन (आंशिक) है
मापांक: {
लोडर: [
{ परीक्षण: /.svg$/, बहिष्कृत करें: /.less$/, लोडर: 'svg-inline'},
{परीक्षण: /.कॉफ़ी$/, लोडर: 'कॉफ़ी-लोडर'},
{ परीक्षण: /.jsx?$/, बहिष्कृत करें: /node_modules/,
लोडर:
['प्रतिक्रिया-गर्म-लोडर/वेबपैक', 'बेबेल-लोडर?' + JSON.stringify ({
प्रीसेट: ['es2015', 'स्टेज -0', 'रिएक्शन'],
प्लगइन्स: ['ट्रांसफॉर्म-डेकोरेटर्स-लिगेसी',
['ट्रांसफॉर्म-एसिंक-टू-मॉड्यूल-मेथड',
{'मॉड्यूल': 'ब्लूबर्ड', 'विधि': 'कोरआउटिन'}
]]
})
]
},
{ परीक्षण: /.less/, लोडर: 'स्टाइल-लोडर! css-loader!less-loader' },
{ परीक्षण: /.css/, लोडर: 'स्टाइल-लोडर! css-loader'},
{परीक्षण: /.json$/, लोडर: 'json-loader'},
{ परीक्षण: /.gif$/, लोडर: "url-loader?mimetype=image/png"},
{ परीक्षण: /.woff(2)?(\?v=[0-9].[0-9].[0-9])?$/, लोडर: "url-loader?limit=10000&minetype=application/ फॉन्ट-वॉफ"},
{ परीक्षण: /.(ttf|eot|svg)(\?v=[0-9].[0-9].[0-9])?$/, लोडर: "फाइल-लोडर"},
{परीक्षण: /jquery.js$/, लोडर: 'एक्सपोज़? jQuery'},
]
},

.बेबेलआरसी

{
"प्रीसेट": ["es2015", "प्रतिक्रिया", "स्टेज -0"],
"प्लगइन्स": ["ट्रांसफॉर्म-डेकोरेटर्स-लीगेसी", ["ट्रांसफॉर्म-एसिंक-टू-मॉड्यूल-मेथड", {
"मॉड्यूल": "ब्लूबर्ड",
"विधि": "कोरटाइन"
}]]
}

मैंने एक बात पर ध्यान दिया कि यह त्रुटि संदेश ज्यादातर उन फाइलों के लिए दिखाई देता है जहां मैं 'ब्लूबर्ड' से प्रॉमिस आयात कर रहा हूं।

क्या कोई मदद कर सकता है?

टक्कर। बिल्ड समय पर निर्भरताओं के बेबेल कॉन्फ़िगरेशन को अनदेखा करने का कोई तरीका है ...?

@ walter0331 बहुत-बहुत धन्यवाद, यह समस्या मुझे तब तक भ्रमित नहीं करती जब तक कि मैं आपका समाधान नहीं पढ़ लेता। लेकिन मैं इस सिद्धांत को समझ नहीं पा रहा हूं कि यह इस तरह सेट करके क्यों काम कर सकता है: /(node_modules|bower_components)।

@ ry928330 मूल रूप से, disposables lib का उपयोग react-dnd , और disposables एक पुराने बेबल संस्करण का उपयोग करता है, बैबेल 5 (यह लाइब्रेरी का रखरखाव नहीं किया जाता है)। यदि वेबपैक कॉन्फ़िगरेशन में शामिल किया जाता है, तो यह एक विरोध पैदा करता है क्योंकि अब हम बैबेल के संस्करण 6 पर हैं। तो यहां बेहतर समाधान (कम से कम मेरे लिए क्या काम करता है), सभी नोड_मॉड्यूल को बाहर करने के लिए जरूरी नहीं है, बल्कि केवल परस्पर विरोधी है।

उदाहरण के लिए, अपने बेबल-लोडर वेबपैक कॉन्फिगर में exclude: /(disposables)/ जोड़ें:

{
     test: /\.js$/,
     exclude: /(disposables)/,
     loader: 'babel-loader',
}

यही सही समाधान है। यह अप्रासंगिक है कि बेबेल का कौन सा संस्करण disposables हुड के तहत उपयोग करता है। असली समस्या यह है कि आप node_modules को Babel के साथ संकलित करने का प्रयास कर रहे हैं। यह हमेशा सुरक्षित नहीं होता है और आपको ऐसा तब तक नहीं करना चाहिए जब तक आप यह नहीं जानते कि आप क्या कर रहे हैं और केवल विशिष्ट पैकेजों का चयन करें (या engines फ़ील्ड जैसे किसी अन्य सिग्नल का उपयोग करें और कॉन्फ़िगरेशन की उपेक्षा करें)।

उसने कहा कि मैंने [email protected] में "फिक्स" प्रकाशित किया है। फिर भी, यदि आप node_modules में सब कुछ संकलित करते हैं तो आप समस्याएं पूछ रहे हैं।

mix.webpackConfig({ module: { rules: [{ test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: Config.babel() } }] } })

यह काम करता है, धन्यवाद!

मैंने जोड़कर तय किया []
presets: [ ["es2015", { loose: false }] ]

यह मेरे साथ तब हुआ जब मैंने अनजाने में stage: 1 को अपनी server/.babelrc फ़ाइल में जोड़ दिया।

{
  "presets": ["es2015", "stage-0"],
  "plugins": ["transform-runtime"],
   stage: 1
}

इसे हटाकर तय किया गया

{
  "presets": ["es2015", "stage-0"],
  "plugins": ["transform-runtime"],
}