ошибка source-map-explorer: убедитесь, что вы используете правильную исходную карту - PullRequest
Новая
       43

ошибка source-map-explorer: убедитесь, что вы используете правильную исходную карту

1 голос
/ 30 января 2020

У меня есть проект JavaScript, который использует Webpack 4 с исходными картами: 

mode: 'development',
entry: { app: './src/app.js' },
output: {
    filename: 'app.[contenthash].js',
    path: outputPath,
},
devtool: 'sourcemap',
externals,
....

. Он генерирует 2 JS файлов в моей папке dist: app.[contenthash].js и app.[contenthash].js.map, прикрепленных к это.

Я установил source-map-explorer: https://www.npmjs.com/package/source-map-explorer

Но когда я запускаю его на этих файлах, я получаю сообщение об ошибке:

Ваша исходная карта ссылается на сгенерированный столбец 8 в строке 17, но источник содержит только 0 столбцов в этой строке. Убедитесь, что вы используете правильную исходную карту.

Как я могу это исправить?

РЕДАКТИРОВАТЬ:

Когда я меняю режим Webpack на production это не выбрасывает эту ошибку. Почему? Теперь с режимом production он просто зависает, когда я его запускаю .. сколько времени это займет?

1 Ответ

0 голосов
/ 15 апреля 2020

У меня была такая же ошибка. Я сделал общую ошибку: не сгенерирована минимизированная версия.

source-map-explorer на основе двух файлов:

  • bundle.js - минимизированная версия
  • bundle.js.map - исходные карты (сгенерированные для bundle.js)

Шаг 1. Создание файла dist + исходные карты

например. через webpack

npx webpack -p src/main.js --production --devtool source-map

например. через rollup

npx rollup -i src/main.js -o dist/bundle.js -m

Шаг 2. Аудит по 

npx source-map-explorer dist/main.js
...