Невозможно создать проект, включающий пользовательский рабочий файл.

Question

У меня очень странная проблема с. Всякий раз, когда я пытаюсь построить next-pwa В проекте, который включает пользовательский js-файл worker, сборка завершается ошибкой со следующей ошибкой:

      info  - Creating an optimized production build ..buffer.js:333
  throw new ERR_INVALID_ARG_TYPE(
  ^

TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined
    at Function.from (buffer.js:333:9)
    at writeOut (C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\webpack\bundle4.js:56716:26)
    at C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\webpack\bundle4.js:56735:7
    at arrayIterator (C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\neo-async\async.js:1:14270)
    at timesSync (C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\neo-async\async.js:1:5037)
    at Object.eachLimit (C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\neo-async\async.js:1:14216)
    at emitFiles (C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\webpack\bundle4.js:56617:13)
    at C:\Users\sdqui\Desktop\next-pwa\examples\custom-worker\node_modules\next\dist\compiled\webpack\bundle4.js:36508:26
    at FSReqCallback.oncomplete (fs.js:184:5) {
  code: 'ERR_INVALID_ARG_TYPE'
}

Я пробовал несколько вещей, чтобы исправить эту проблему:

• Клонируйте репо и обновите все зависимости (я думал, что проблема может быть связана с веб-пакетом)
• Сборка проекта без специального рабочего файла (отлично работает)
• Понизьте версию до Node 10, 12, 14, 15 и переустановите зависимости.

Я также пробовал использовать код, предоставленный в папке / example репозитория, но та же проблема возникает и там.

Я не единственный, кто сталкивается с этой проблемой, поэтому буду признателен за помощь.

Вы можете протестировать это самостоятельно с помощью Gitpod, просто откройте эту ссылку и перейдите к примеру, установите зависимости и попробуйте yarn build.

Answer 1

Вы используете webpack 5 или 4.x? Я столкнулся с той же проблемой с webpack> 5 и исправил ее, передав объект future в withPWA "future: {webpack5: true}".

      module.exports = withPWA({ future: { webpack5: true },
pwa: {
    disable: false,
    dest: "public",
    //register: false,
    skipWaiting: false,
    runtimeCaching
}

})