अपरिभाषित निकालने-टेक्स्ट-वेबपैक-प्लगइन की संपत्ति 'क्वेरी' नहीं पढ़ सकता

Question

मैं वेबपैक 2 का उपयोग करके एक्स्ट्रेक्ट-टेक्स्ट-वेबपैक-प्लगइन को कार्यान्वित करने की कोशिश कर रहा हूं और मैं स्क्रैच से अपना webpack.config.js बना रहा हूं। जब मैं प्लगइन जोड़ना चाहता था तो मैंने npm पर निर्देशों का पालन किया।

TypeError: Cannot read property 'query' of undefined

मैं देख ली है और किसी और को इस प्लगइन के साथ एक ही समस्या हो रही पकड़ नहीं किया: हालांकि यह मुझे निम्न त्रुटि देता है। मैं पहले पूछूंगा कि क्या यह एक बग मानने से पहले मैंने गलती की है या नहीं।

मेरे webpack.config.js

const path = require('path'); 
const webpack = require('webpack'); 
const ExtractTextPlugin = require("extract-text-webpack-plugin"); 
module.exports = { 
    context: path.resolve(__dirname, './src'), 
    entry: { 
    app: './main.js', 
    }, 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: '[name].bundle.js', 
    }, 
    module: { 
    rules: [ 
     { 
     test: /\.js$/, 
     exclude: [/node_modules/], 
     use: [{ 
      loader: 'babel-loader', 
      options: { presets: ['es2015'] } 
     }] 
     }, 
     { 
     test: /\.(sass|scss)$/, 
     use: [ 
      'style-loader', 
      'css-loader', 
      'sass-loader', 
     ] 
     }, 
     { 
     test: /\.css$/, 
     use: ExtractTextPlugin.extract({ 
      fallback: "style-loader", 
      use: "css-loader" 
     }) 
     } 
    ] 
    }, 
    plugins: [ 
    new ExtractTextPlugin("styles.css"), 
    ], 
}; 

है और पूर्ण त्रुटि

/node_modules/extract-text-webpack-plugin/index.js:134 
    if(!loader.query) return loader.loader; 
      ^

TypeError: Cannot read property 'query' of undefined 
    at getLoaderWithQuery (/node_modules/extract-text-webpack-plugin/index.js:134:12) 
    at Array.map (native) 
    at Function.ExtractTextPlugin.extract (/node_modules/extract-text-webpack-plugin/index.js:201:4) 
    at Object.<anonymous> (/webpack.config.js:33:32) 
    at Module._compile (module.js:556:32) 
    at Object.Module._extensions..js (module.js:565:10) 
    at Module.load (module.js:473:32) 
    at tryModuleLoad (module.js:432:12) 
    at Function.Module._load (module.js:424:3) 
    at Module.require (module.js:483:17) 

Answer 1

आप extract-text-webpack-plugin के एक पुराने संस्करण का उपयोग कर रहे है, इस की पहली रिलीज उम्मीदवार से पहले हटा दिया गया है । आपके पास शायद बीटा संस्करण है।

के साथ नवीनतम संस्करण स्थापित करें:

npm install --save-dev extract-text-webpack-plugin@latest 

या Yarn के साथ चला सकते हैं:

yarn upgrade extract-text-webpack-plugin 

Answer 2

मैं ठीक उसी समस्या हुई। ध्यान दें कि वेबपैक 2.x केवल निकालने-पाठ-प्लगइन संस्करण के साथ काम करता है 2.1.2 वेबपैक 3 के लिए, संस्करण 3.0.0