Instascan: ошибки сборки вебпака

Созданный на 20 окт. 2017 · 5Комментарии · Источник: schmich/instascan

когда я использую «npm run build», веб-пакет возвращает следующую ошибку, может ли кто-нибудь дать мне несколько советов, чтобы решить эту проблему ???

`ОШИБКА в static/js/vendor.06660da322d4391a4255.js из UglifyJs
Неожиданный токен: имя (камера) [./node_modules/instascan/src/camera.js:6,0][static/js/vendor.06660da322d4391a4255.js:63577,6]

Сборка не удалась с ошибками.
`

следующий файл журнала
0 информация сработала, если заканчивается на ок
1 подробный cli [ 'C:\Program Files\nodejs\node.exe',
1 подробный cli 'C:\Users\peter\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js',
1 подробный cli 'бежать',
1 подробный cli 'сборка' ]
2 информация с использованием [email protected]
3 информация с использованием [email protected]
4 подробный сценарий запуска ['предварительная сборка', 'сборка', 'после сборки']
5 информация о жизненном цикле [email protected] ~ предварительная сборка: [email protected]
6 информация о жизненном цикле [email protected] ~ сборка: [email protected]
7 подробных приложений жизненного цикла @ 1.0.0 ~ build: unsafe-perm в жизненном цикле true
9 подробных приложений жизненного цикла@1.0.0 ~сборка: CWD: C:vue\apps
10 глупых приложений жизненного цикла@1.0.0 ~build: Аргументы: [ '/d /s /c', 'node build/build.js' ]
11 глупых приложений жизненного цикла @ 1.0.0 ~ сборка: возвращено: код: 1 сигнал: ноль
12 info lifecycle [email protected] ~build: не удалось выполнить скрипт сборки
13 подробный стек Ошибка: [email protected] build: node build/build.js
13 подробный стек Статус выхода 1
13 подробный стек в EventEmitter.(C:\Users\peter\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:280:16)
13 подробных стеков в emitTwo (events.js:125:13)
13 подробных стека в EventEmitter.emit (events.js:213:7)
13 подробный стек в ChildProcess.(C:\Users\peter\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 подробных стеков в emitTwo (events.js:125:13)
13 подробный стек в ChildProcess.emit (events.js:213:7)
13 подробных стеков на mayClose (internal/child_process.js:927:16)
13 подробный стек в Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
14 подробных приложений pkgid @ 1.0.0
15 подробных cwd C:vue\apps
16 подробный Windows_NT 6.1.7601
17 подробный argv "C:\Program Files\nodejs\node.exe" "C:\Users\peter\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build"
18 подробных узлов v8.4.0
19 подробный npm v5.4.2
20 код ошибки ELIFECYCLE
21 ошибка ошибка 1
22 ошибки приложения @ сборка 1.0.0: node build/build.js
22 ошибка Выход из состояния 1
23 ошибка Сбой в скрипте сборки [email protected] .
23 ошибка Вероятно, это не проблема с npm. Вероятно, выше приведен дополнительный вывод журнала.
24 подробный выход [ 1, правда ]

Источник

itdpong

👍2

Самый полезный комментарий

Проблема в том, что UglifyJS не ожидает ввода ES6 (как я понял). Я решил эту проблему, позволив babel-loader обрабатывать файлы instascan, используя следующее в моей конфигурации веб-пакета:

    const path = require('path');
    // [...]
    rules: [
        {
            test: /\.js$/,
            include: [
                path.resolve(__dirname, "yourapp"),
                path.resolve(__dirname, "node_modules", "instascan", "src", "scanner.js"),
                path.resolve(__dirname, "node_modules", "instascan", "src", "camera.js"),
            ],
            use: 'babel-loader',
        }
    ],
    // [...]

sk1p 31 окт. 2017

👍4

Все 5 Комментарий

Shuliyey 29 окт. 2017

    const path = require('path');
    // [...]
    rules: [
        {
            test: /\.js$/,
            include: [
                path.resolve(__dirname, "yourapp"),
                path.resolve(__dirname, "node_modules", "instascan", "src", "scanner.js"),
                path.resolve(__dirname, "node_modules", "instascan", "src", "camera.js"),
            ],
            use: 'babel-loader',
        }
    ],
    // [...]

sk1p 31 окт. 2017

👍4

большое спасибо @sk1p , все это имеет смысл и помогает понять webpack/babel-loader.

Это будет использовать babel-loader для обработки включенных файлов (указанного списка) в первую очередь (следовательно, он превращает любой синтаксис ES, будь то 5,6,7...) в базовый поддерживаемый синтаксис javascript, таким образом, uglify js не будет работать в проблемы (поскольку окончательные артефакты для ухудшения уже являются основным поддерживаемым синтаксисом javascript)

Shuliyey 1 нояб. 2017

интересно @sk1p , теперь я получаю эту ошибку

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
    at Object.eval (scanner.js?f767:373)
    at eval (326:564)
    at Object.<anonymous> (app.js:2837)
    at __webpack_require__ (app.js:689)
    at fn (app.js:110)
    at eval (index.js?9777:5)
    at Object.<anonymous> (app.js:5115)
    at __webpack_require__ (app.js:689)
    at fn (app.js:110)
    at eval (webpack-internal:///338:2)

Это при запуске приложения, поэтому сборка все прошла, но при фактическом запуске выдается эта ошибка

Shuliyey 1 нояб. 2017

хорошо, я нашел обходной путь к последней проблеме при упаковке с помощью веб-пакета

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

https://github.com/webpack/webpack/issues/4039#issuecomment -283501082

Shuliyey 1 нояб. 2017

Была ли эта страница полезной?

0 / 5 - 0 рейтинги

Смежные вопросы

Последний выпуск (1.0.0) не содержит исправления createObjectURL.

jeroenbreen · 7Комментарии

android / chrome: не удалось запустить источник видео, NotReadableError

deadmanwalking74 · 7Комментарии

Основная камера (ios)

marvinex123 · 11Комментарии

TypeError: не удалось выполнить createObjectURL на «URL»: не было найдено ни одной функции, соответствующей предоставленной подписи.

mchmdarvan · 6Комментарии

URL.createObjectURL с медиапотоками устарел и будет удален в M68 примерно в июле 2018 г.

DysAhm · 3Комментарии