Исходные карты обнаружены в хроме, но исходный источник не загружен, используя webpack-2
При запуске приложения, созданного с помощью webpack 2, исходные карты обнаруживаются в хроме, но исходный источник не загружается.
Я использую webpack beta21.
Эти файлы использовались для автоматического обнаружения, т.е. когда в выход из файла webpack js была помещена точка останова, исходное представление переходило бы к исходному исходному входу в веб-пакет. Но теперь я застрял с этим экраном:
![введите описание изображения здесь]()
конфигурации:
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()
]
};
Ответы
Ответ 1
Проблема с внешними исходными картами была исправлена в Chrome 52, но похоже, что у вас есть свой devtool, отличный от моего, я использую:
devtool: '#source-maps'
Как вы строите свой источник? Если вы работаете с -d
, он переключится на встроенные исходные карты
Ответ 2
Если вы сопоставляете рабочее пространство, это означает, что у вас уже есть исходный код. Включение исходного кода в исходную карту создает ненужную избыточность.
Используйте nosources-source-map
вместо этого.