Sourcemaps được phát hiện trong chrome nhưng nguồn gốc không được tải, sử dụng webpack-2

Question

Khi chạy một ứng dụng được xây dựng bằng cách sử dụng webpack 2, sourcemaps được phát hiện trong chrome nhưng nguồn gốc không được tải. Tôi đang sử dụng webpack beta21.

Các tệp này được sử dụng để được phát hiện tự động, tức là khi một điểm ngắt được đặt trong đầu ra từ tệp jpack webpack, chế độ xem nguồn sẽ chuyển sang đầu vào nguồn ban đầu tới webpack. Nhưng bây giờ tôi bị mắc kẹt với màn hình này:

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

Vấn đề với bản đồ nguồn bên ngoài đã được cố định trong Chrome 52 nhưng có vẻ như bạn đã có devtool bạn thiết lập khác với tôi, Tôi sử dụng:

devtool: '#source-maps' 

Bạn xây dựng nguồn của mình như thế nào? Nếu bạn đang chạy với -d, nó sẽ chuyển sang bản đồ nguồn nội tuyến

Answer 2

Nếu bạn đang ánh xạ tới không gian làm việc, điều đó có nghĩa là bạn đã có mã nguồn. Bao gồm mã nguồn trong bản đồ nguồn của bạn đang tạo ra một dự phòng không cần thiết.

Thay vào đó hãy sử dụng nosources-source-map.