PWA Studio: Validation errors when running developer mode

This topic discusses a solution for when validation errors occur when running developer mode in Progressive Web App (PWA) Studio for Adobe Commerce as a result of not previously creating the venia-concept (Venia is a PWA storefront.) environment file. This file will hold the variables for your local development environment.

Affected products and versions

Issue

Step to reproduce:

Expected result:

Actual result:

    ⓧ  Missing required environment variables:         MAGENTO_BACKEND_URL: Connect to an instance of Adobe Commerce 2.3 by specifying its public domain name. (eg.         "https://master-7rqtwti-mfwmkrjfqvbjk.us-4.magentosite.cloud/")      ⚠  No .env file in ./packages/venia-concept. Autogenerate a .env file by running the command 'buildpack         create-env-file ./packages/venia-concept'.

Cause

The environment variables file for your local development environment is missing. The file that the below command generates will hold the variables for your local development environment.

Solution

Make sure that you run the command

npx @magento/pwa-buildpack create-env-file packages/venia-concept

in the root directory in order to generate the file that will hold the variables for your local development environment.

Related reading