MAC OS Magento 2.4.1. PWA Studio 8.0.0 Local Setup Steps and Bugfix

Magento Asked by RishiMukesh on December 19, 2020

MAC OS Magento 2 setup


curl -o- | bash

vim .zshrc

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/" ] && . "$NVM_DIR/"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"

Reload the shell configuration by using the following command

source ~/.zshrc

nvm install v12.18.0

nvm use v12.18.0

nvm alias default 10.16.3

brew install nginx
brew install [email protected] 
brew install mysql

composer create-project --repository-url= magento/project-enterprise-edition=2.3.3 /usr/local/var/www/html/

php bin/magento sampledata:deploy

php bin/magento setup:install 
[email protected] 

php bin/magento maintenance:disable

php bin/magento s:up && php bin/magento s:di:c && php bin/magento s:s:d -f

mkcert "*.m2pwa.local" m2pwa.local

Magento Admin and Frontend is ready with sample data and SSL

git clone --branch v8.0.0

cd pwa-stdio 

yarn install 

yarn buildpack create-project ./packages/pwa-sample --template "venia-concept" --name "pwa-sample" --author "username<[email protected]>"  --backend-url "" --braintree-token "sandbox_rzknz7v7_dbw5pyvbpn4bwhw9" --npm-client "yarn" 

 Open the file pwa-studio/package.json and find the lines:

and replace it with:


next step is to add a new run script for your custom PWA project in the same package.json file:


"venia": "node ./packages/pwa-buildpack/bin/buildpack load-env ./packages/venia-concept && yarn workspace @magento/venia-concept",
Replace it with:

"venia": "node ./packages/pwa-buildpack/bin/buildpack load-env ./packages/venia-concept && yarn workspace @magento/venia-concept",
"pwa-sample": "node ./packages/pwa-buildpack/bin/buildpack load-env ./packages/pwa-sample && yarn workspace pwa-sample", 

yarn run buildpack create-custom-origin packages/pwa-sample/

yarn pwa-sample build

yarn pwa-sample watch

yarn pwa-sample start

enter image description here
enter image description here

Compiled Successfully . But why getRouteComponent.js 404 error. Please help

Add your own answers!

Related Questions

Magento 2 Create Controller With No Theme?

1  Asked on October 2, 2021 by joeybab3


How does the cache work in Magento2?

1  Asked on October 2, 2021 by chdzma


How to setup Magento 2.x with Asynchronous Messaging using Docker

0  Asked on October 2, 2021 by praveen-kumar-s


Admin GRID Not Showing Data with ui_component

1  Asked on October 2, 2021 by shoaib-munir


Exclude child products from search in magento 2.3.2

0  Asked on October 2, 2021 by rajeev-singh


How to update customer information directly in the database

1  Asked on October 2, 2021 by darrell-brogdon


Ask a Question

Get help from others!

© 2022 All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP