MapboxGL с Webpack: «ReferenceError: e не определено» (в приложении vue-cli)

Question

Я разрабатываю приложение vue-cli 2.9.3 с шаблоном webpack.У меня есть компонент, который использует MapboxGL, импортированный с import mapboxgl from 'mapbox-gl;'.

Все отлично работает в dev, используя npm run dev.

Я могу построить проект без проблем с npm run build.Однако при переходе к компоненту с помощью MapboxGL я получаю следующую ошибку:

ReferenceError: e is not defined

DevTools из Firefox или Chrome не могут создать ссылку на файлы исходной карты (.js.map), поэтомусообщение об ошибке не очень полезно.

Мне удалось заставить пакет работать, используя devtool: eval-source-map вместо devtool: source-map в ./config/index.js, но размер пакета становится> 8 МБ, что недопустимо, и это не рекомендуется в производстве .

Я также пробовал без исходных карт, но получил ту же загадочную ошибку.

Как я могу отладить эту ошибку в упакованном комплекте?Хотелось бы хотя бы увидеть причину ошибки.

Answer 1

Похоже, это известная ошибка с MapboxGL и Webpack.

Это можно решить, добавив следующее в ./build/webpack.prod.conf.js:

module: {
     ...
     noParse: /(mapbox-gl)\.js$/,
     ...
}