क्रोम में स्रोतमैप का पता लगाया गया है लेकिन मूल स्रोत लोड नहीं किया गया है, वेबपैक-2

Question

वेबपैक 2 का उपयोग करके बनाए गए एप्लिकेशन को चलाते समय, क्रोम में स्रोतमैप का पता लगाया जाता है लेकिन मूल स्रोत लोड नहीं होता है। मैं वेबपैक बीटा 21 का उपयोग कर रहा हूं।

इन फ़ाइलों को स्वचालित रूप से पता चला था, यानी जब वेबपैक जेएस फ़ाइल से आउटपुट में ब्रेकपॉइंट लगाया गया था, तो स्रोत दृश्य वेबपैक पर मूल स्रोत इनपुट पर कूद जाएगा। लेकिन अब मैं इस स्क्रीन के साथ अटक कर रहा हूँ:

config:

var path = require("path"); 
var webpack = require("webpack"); 
var WebpackBuildNotifierPlugin = require('webpack-build-notifier'); 


const PATHS = { 
    app: path.join(__dirname, '../client'), 
    build: path.join(__dirname, '../public') 
}; 

module.exports = { 


    entry: { 
    app: PATHS.app + '/app.js' 
    }, 
    output: { 
    path: PATHS.build, 
    filename: '[name].js' 
    }, 


    devtool: "source-map", 
    module: { 
    loaders: [ 
     { 
     test: /\.js?$/, 
     loader: 'babel-loader', 
     include: [ 
      path.resolve(__dirname, 'client'), 
     ], 
     exclude: /node_modules/ 

     }, 

     { 
     test: /\.css/, 
     loader: "style!css" 
     } 
    ] 
    }, 
    resolve: { 
    // you can now require('file') instead of require('file.js') 
    extensions: ['', '.js', '.json'] 
    } , 
    plugins: [ 
    new WebpackBuildNotifierPlugin() 
    ] 

}; 

Answer 1

बाहरी स्रोत नक्शे के साथ इस मुद्दे क्रोम 52 में तय किया गया था, लेकिन आप अपने devtool खदान से अलग ढंग से सेट मिल गया है जैसे कि यह लग रहा है, मैं उपयोग करता हूं:

devtool: '#source-maps' 

आप अपना स्रोत कैसे बना रहे हैं? यदि आप -d के साथ चल रहे हैं तो यह इनलाइन स्रोत मानचित्रों पर स्विच करेगा

Answer 2

यदि आप कार्यक्षेत्र पर मानचित्रण कर रहे हैं, तो इसका अर्थ है कि आपके पास पहले से ही स्रोत कोड है। अपने स्रोत मानचित्र में स्रोत कोड सहित एक अनावश्यक अनावश्यकता पैदा कर रहा है।

इसके बजाय nosources-source-map का उपयोग करें।