yarn build showing {{#pageTypeNonce}}{{#webpackChunks}}{{/webpackChunks}} {{/pageTypeNonce}} in footer

[ankit-jasani]

Describe the request
We have set up Adobe Commerce 2.4.7-p1 with sample data and successfully configured PWA Studio to be compatible by following these steps:

Ran the command:
yarn create @magento/pwa

Set up a custom origin:
yarn buildpack create-custom-origin ./

Exported the required environment variable:
export NODE_OPTIONS=--openssl-legacy-provider

Built the project:
yarn build

The dist folder was generated using the commands mentioned above. The URL https://pwa-studio-demo.local/ was directly pointed to the dist folder, enabling the frontend to function correctly. (yarn start or any other commands not executed)

The frontend is functioning correctly (e.g., homepage, category page, and product details page are loading as expected). However, in the footer, we observe the following issue:

{{#pageTypeNonce}}{{#webpackChunks}}{{/webpackChunks}} {{/pageTypeNonce}}
No additional installations or customizations have been made on the Adobe Commerce side apart from the following required extensions:

magento/pwa
magento/pwa-commerce (added via Composer).
This is a fresh setup of both Adobe Commerce and PWA Studio with no customizations made yet.

Screenshots

[m2-assistant]

Hi @ankit-jasani. Thank you for your report.
To speed up processing of this issue, make sure that you provided sufficient information.
Add a comment to assign the issue: @magento I am working on this

---

Join Magento Community Engineering Slack and ask your questions in #github channel.