configuration.module के पास एक अज्ञात संपत्ति 'लोडर' है

Question

त्रुटि का मेरा आउटपुट:

अमान्य कॉन्फ़िगरेशन ऑब्जेक्ट। Webpack को एक कॉन्फ़िगरेशन ऑब्जेक्ट का उपयोग करके आरम्भ किया गया है जो API स्कीमा से मेल नहीं खाता है। - configuration.module में एक अज्ञात संपत्ति 'लोडर' है। ये गुण मान्य हैं: ऑब्जेक्ट {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse? नियम ?, defaultRules ?, अनजानेContextRecursive? ?, सख्त निर्यात।? सख्त } -> सामान्य मॉड्यूल को प्रभावित करने वाले विकल्प ( NormalModuleFactory)।

my webpack.config.js:

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

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  },
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }

};


module.exports = config;

मेरा वेबपैक संस्करण:

webpack@4.1.1

Answer 1

आप बदलना चाहिए loadersकरने के लिए ruleswebpack 4 में:

परिवर्तन:

loaders 

सेवा:

rules

स्रोत: लोडर

उदाहरण:

module.exports = {
  module: {
    rules: [
      { test: /\.css$/, use: 'css-loader' },
      { test: /\.ts$/, use: 'ts-loader' }
    ]
  }
};

Comments

क्या यह एक टाइपो है? यह rulesवेबपैक 4. में होना चाहिए

— पाप

आपको

— वेबपैक

वेबपैक 4 में नियमों में लोडर बदलें ... यदि इसे फिर से कहने की आवश्यकता हो: /

— हेल्मुट ग्रांदा

आपको अपने उत्तर में स्पष्ट करना चाहिए कि परिवर्तन का कारण

— वेबपैक

Answer 2

के rulesबजाय वेबपैक 4 में उपयोग करें loaders।

https://webpack.js.org/concepts/loaders/

Answer 3

ऊपर दिए गए उत्तर काम कर रहे हैं लेकिन हम वेबपैक और वेबपैक-देव-सर्वर संस्करण को बदलकर इस मुद्दे को हल कर सकते हैं

"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"

यह समस्या को हल भी कर सकता है। आशा है कि यह मदद करेगा।

Comments

मैंने तुम्हें एक वर दिया। केवल समस्या यह है कि लोग नई सुविधाओं को पाने के लिए चौखटे और औजारों के संस्करणों को वापस लेना चाहते हैं ताकि पुराने संस्करणों में वापस न जाएं, यह सुनिश्चित करने के लिए कि उन्हें अपनी कॉन्फ़िगरेशन फ़ाइलों को बदलना न पड़े। शायद उपकरण के खराब होने के नए तरीके के साथ संरेखित करने के लिए कॉन्फ़िगर फ़ाइल को बदलने के लिए दर्द उठाना। जब तक कि असंभव नहीं है।

— एनिओला

धन्यवाद @ इनिओला, हाँ आप सही हैं। जैसा कि मैंने उल्लेख किया है कि S.M_Emamian उत्तर सही है, लेकिन मेरा उत्तर काम करेगा यदि कोई व्यक्ति वेबपैक के पुराने संस्करण को काम करने के लिए सहमत है।

— अंशुल

Answer 4

आपको अपनी वेबपैक कॉन्फिग फाइलों को माइग्रेट करने के लिए माइग्रेशन यूटिलिटी का उपयोग करना चाहिए , यह मेरे लिए काम किया।

माइग्रेशन प्रलेखन भी उपयोगी है।

Answer 5

मेरे लिए नीचे webpack.config.js पर काम कर रहा है

module.exports = {
    entry: [
        '.src/index.js'
    ],
    output:{
        path: __dirname,
        filename: 'app/js/main.js'
    },
    module:{
        rules: [
          { test: /\.css$/, use: 'css-loader' },
          { test: /\.ts$/, use: 'ts-loader' }
        ]
    }
}