PWA Studio: Webpack hangs before beginning compilation

This article talks about a suggested solution to when a javascript Webpack hangs for a long time before beginning compilation in Progressive Web App Studio (PWA Studio).

Affected products and versions

  • PWA Studio

Issue

Check what the latest release of the pwa-buildpack is, and the

pwa-buildpack

version number will be next to the package.json filename listing. If you have an old version of the

pwa-buildpack

project, the webpack may hang for a long time before beginning compilation.

Steps to reproduce:

Prerequisites: Set up a PWA Studio storefront, such as Venia, with a local Adobe Commerce instance and run a

build

or

watch

command.

Expected result:

  • If using the yaml build command, it generates the build artifacts for Venia normally.
  • If using the yaml watch command, it starts the Venia storefront normally.

Actual result:

Your

build

or

watch

command will seem stalled and will not complete, nor will any errors be shown.

Solutions

Update your project using the following command:

yarn upgrade

Make sure you have a current version of openssl on your system using the following command:

openssl version

The version should be 1.0 or above (or LibreSSL 2, in the case of OSX High Sierra.).

You can install higher versions of OpenSSL with Homebrew on OSX, Chocolatey on Windows, or your Linux distribution’s package manager.

recommendation-more-help
8bd06ef0-b3d5-4137-b74e-d7b00485808a