Как понять, где ошибка при билде webpack?

Question

[Сергей Соколов]

Добавил в старый проект Vuetify. В development режиме билдится (но размер под 8Mb выходит). Хочу посмотреть как сожмётся и пытаюсь сбилдить для прода, в конфиге с минификацией. Билд проходит, но в самом конце вылетает с ошибкой. Причём, уже, похоже, после, собственно, билда:

...
       | ./lumen/src/app/videoCategories.js 1.24 KiB [depth 13] [built]
       |     [exports: default]
       |     [all exports used]
       |     harmony side effect evaluation App/videoCategories  ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./lumen/src/components/TovidioOverlayDetails.vue?vue&type=script&lang=js& 50:0-57
       |     harmony import specifier App/videoCategories  ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./lumen/src/components/TovidioOverlayDetails.vue?vue&type=script&lang=js& 143:4-26
       |     + 120 hidden modules
     + 165 hidden modules

LOG from webpack.buildChunkGraph.visitModules
<t> prepare: 46.1219ms
<t> visiting: 3.6636ms

ERROR in unknown: Unexpected token (19114:11)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! myproject@1.0.0 build: `webpack --verbose --config webpack.prod.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the myproject@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2020-01-05T10_05_57_122Z-debug.log

Конфиг webpack'а разделён на две ветки. Помимо общего webpack.common.js есть webpack.dev.js и webpack.prod.js:

// webpack.prod.js
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
const MinifyPlugin = require("babel-minify-webpack-plugin");

module.exports = merge(common, {

  mode: 'production',
  devtool: 'source-map',
  plugins: [
    new MinifyPlugin(),
  ]
})

В чём может быть причина ошибки, и как бы узнать, где именно она происходит — в каком файле строка 19114?

В упомянтом лог-файле ничего полезного:

debug.log

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'build' ]
2 info using npm@6.13.4
3 info using node@v13.5.0
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle myproject@1.0.0~prebuild: myproject@1.0.0
6 info lifecycle myproject@1.0.0~build: myproject@1.0.0
7 verbose lifecycle myproject@1.0.0~build: unsafe-perm in lifecycle true
8 verbose lifecycle myproject@1.0.0~build: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/usr/src/app/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin
9 verbose lifecycle myproject@1.0.0~build: CWD: /usr/src/app
10 silly lifecycle myproject@1.0.0~build: Args: [ '-c', 'webpack --config webpack.prod.js' ]
11 silly lifecycle myproject@1.0.0~build: Returned: code: 2  signal: null
12 info lifecycle myproject@1.0.0~build: Failed to exec build script
13 verbose stack Error: myproject@1.0.0 build: `webpack --config webpack.prod.js`
13 verbose stack Exit status 2
13 verbose stack     at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack     at EventEmitter.emit (events.js:305:20)
13 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at ChildProcess.emit (events.js:305:20)
13 verbose stack     at maybeClose (internal/child_process.js:1028:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid myproject@1.0.0
15 verbose cwd /usr/src/app
16 verbose Linux 4.9.184-linuxkit
17 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build"
18 verbose node v13.5.0
19 verbose npm  v6.13.4
20 error code ELIFECYCLE
21 error errno 2
22 error myproject@1.0.0 build: `webpack --config webpack.prod.js`
22 error Exit status 2
23 error Failed at the myproject@1.0.0 build script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 2, true ]

Upd. опытным путём нашёл. что отключение babel-minify-webpack-plugin устраняет ошибку. Т.е. ошибка на этапе минификации через Babel Minify Webpack plugin

Comments

[Сергей Соколов]

Hellayas, добавил в конце вопроса под спойлером лог.

ERROR in unknown: Unexpected token (19114:11)
Насчёт строки 19114 – я вот и сам в недоумении, где её искать, в каком файле? – это часть моего вопроса.

Интуиция: такое количество строк могло бы получиться в собранном index.js, но т.к. билд рушится, непонятно, где его искать. Возможно, облом происходит на стадии минификации?

[Сергей Соколов]

В построенном в режиме "development" index.js на строке 19114 находится "use strict";:

19107  /***/ "./node_modules/vue-style-loader/lib/listToStyles.js":
19108  /*!***********************************************************!*\
19109    !*** ./node_modules/vue-style-loader/lib/listToStyles.js ***!
19110    \***********************************************************/
19111  /*! exports provided: default */
19112  /***/ (function(module, __webpack_exports__, __webpack_require__) {
19113  
19114  "use strict";
19115  __webpack_require__.r(__webpack_exports__);

Но не факт, что именно такой же код поступает в минификатор в "production" режиме и строчка та же.

Answer 1

[Vann Damm]

т.е получается что нужно убрать babel minify. А если он мне необходим, то каким способом решить проблему?

Comments

[Сергей Соколов]

Вот сам пока не знаю, вопрос открыт.