Bundle.js not generated — static resource resolution fails on RS/10.0.46

[iamjamesfrancis]

We are encountering an issue where bundle.js is not being generated, causing the application to fail when resolving static resources.

Error observed:

[error] Error resolving static resource /00000-00000-00000-00000-00000/static/js/bundle.js of type JS. Is retry: false. Error: ENOENT: no such file or directory, stat 'C:\ECommerceSDK\Msdyn365.Commerce.Online\build\public\static\js\bundle.js'

The server starts, but the bundle.js file is missing from the build output, leading to runtime failures.

Environment

OS: Windows 10/Windows 11

Node version: v16.20.2

Branch: RS/10.0.46

Path: C:\ECommerceSDK\Msdyn365.Commerce.Online

Steps to Reproduce

Checkout branch RS/10.0.46

Install dependencies
yarn

Run build/dev server
yarn start

Go to this module
https://localhost:4000/modules?type=video-player

Open console
GET https://localhost:4000/00000-00000-00000-00000-00000/static/js/bundle.js net::ERR_ABORTED 404 (Not Found)

Because of this JavaScript functionality does not work.

[itsusmanali]

try removing build folder and do 'yarn build'.

[iamjamesfrancis]

try removing build folder and do 'yarn build'.

I tried but still it's not working

[itsusmanali]

use this package.json do yarn with node version 16, once done. Remove build folder and do yarn build and yarn start, it should work.
(if issue persists change webpack ver 5.99.9 to 5.42.0)

{
    "name": "Msdyn365.Commerce.Online",
    "version": "1.0.0",
    "private": true,
    "scripts": {
        "analyze": "SET ANALYZE_BUNDLE=true && yarn msdyn365b start --use-eslint",
        "analyze:prod": "SET ANALYZE_BUNDLE=true && yarn msdyn365b build --use-eslint",
        "build": "SET NODE_OPTIONS=--max_old_space_size=8192 && yarn msdyn365b build --use-eslint",
        "build:prod": "yarn clean && yarn msdyn365b build --use-eslint",
        "clean": "yarn rimraf build lib dist .tmp gendef.lock",
        "format": "yarn prettier **/**.{ts,tsx}",
        "format:fix": "yarn prettier **/**.{ts,tsx} --write",
        "lint": "yarn eslint src/**/*.{ts,tsx}",
        "lint:fix": "yarn eslint src/**/*.{ts,tsx} --fix",
        "precommit": "lint-staged",
        "start": "SET NODE_OPTIONS=--max_old_space_size=8192 && yarn msdyn365b start local --use-eslint",
        "start:prod": "SET NODE_ENV=production && node build/server.js",
        "integration": "integration"
    },
    "devDependencies": {
        "@msdyn365-commerce/eslint-config": "^1.0.0",
        "@types/fs-extra": "^5.0.4",
        "@types/jest": "^23.3.10",
        "@types/node-fetch": "^2.1.4",
        "@types/react": "16.9.0",
        "@types/react-dom": "16.0.11",
        "@types/react-test-renderer": "^16.0.2",
        "@types/reactstrap": "^6.4.3",
        "deep-equal": "1.0.1",
        "fs-extra": "^7.0.1",
        "identity-obj-proxy": "^3.0.0",
        "jest": "^23.6.0",
        "jest-junit": "^5.2.0",
        "lint-staged": "^7.3.0",
        "node-fetch": "2.6.1",
        "prettier": "^1.15.3",
        "react-test-renderer": "^16.4.2",
        "semver": "^5.6.0",
        "ts-jest": "^23.10.5",
        "@typescript-eslint/eslint-plugin": "^4.2.0",
        "@typescript-eslint/parser": "^4.10.0",
        "eslint": "^7.16.0",
        "eslint-config-prettier": "^7.0.0",
        "eslint-plugin-header": "^3.1.0",
        "eslint-plugin-import": "^2.22.1",
        "eslint-plugin-jsdoc": "^30.7.8",
        "eslint-plugin-no-null": "^1.0.2",
        "eslint-plugin-prettier": "^3.3.0",
        "eslint-plugin-react": "^7.21.5",
        "typeson": "5.10.1"
    },
    "dependencies": {
        "@msdyn365-commerce-modules/starter-pack": "9.56",
        "@msdyn365-commerce-modules/fabrikam-design-kit": "9.56",
        "@msdyn365-commerce/bootloader": "^1.0.0",
        "@msdyn365-commerce/retail-proxy": "9.56",
        "@msdyn365-commerce-modules/msdyn365-exp-test-connector": "^1.0.0",
        "@msdyn365-commerce-theme/adventureworks-theme-kit": "9.56",
        "reactstrap": "^6.5.0",
        "stack-trace": "^0.0.10",
        "tslib": "^1.9.3",
        "path-browserify": "1.0.1",
        "stream-browserify": "3.0.0",
        "browserify-fs": "1.0.0",
        "util": "0.12.3",
        "react-universal-component": "^4.0.0",
        "@babel/runtime": "^7.12.5",
        "run-script-webpack-plugin": "0.0.5",
        "terser": "5.5.0",
        "terser-webpack-plugin": "5.1.1",
        "process": "0.11.10",
        "sass-loader": "^10.2.0",
        "css-loader": "^2.1.1",
        "node-sass": "^6.0.1",
        "mini-css-extract-plugin": "^0.5.0",
        "css-minimizer-webpack-plugin": "3.1.3",
        "ignore-emit-webpack-plugin": "2.0.6"
    },
    "lint-staged": {
        "*.(j|t)s(x)?": [
            "yarn format:fix",
            "yarn lint:fix",
            "git add"
        ]
    },
    "jest": {
        "preset": "@msdyn365-commerce/cli-internal"
    },
    "resolutions": {
        "@msdyn365-commerce/bootloader": "^1.0.0",
        "@msdyn365-commerce/core": "^1.0.0",
        "@msdyn365-commerce-modules/core-components": "^1.0.0",
        "axios": "^0.21.1",
        "@types/react": "16.9.0",
        "fork-ts-checker-webpack-plugin": "6.0.8",
        "browserify-fs": "1.0.0",
        "@babel/runtime": "^7.12.5",
        "path-browserify": "1.0.1",
        "stream-browserify": "3.0.0",
        "run-script-webpack-plugin": "0.0.5",
        "terser": "^5.10.0",
        "terser-webpack-plugin": "5.1.1",
        "webpack-bundle-analyzer": "^3.3.2",
        "webpack-dev-server": "4.15.2",
        "webpack": "5.99.0",
        "react-universal-component": "^4.0.0",
        "util": "0.12.3",
        "cheerio": "1.0.0-rc.12",
        "testcafe": "3.7.1",
        "testcafe-hammerhead": "24.7.2",
        "testcafe-legacy-api": "5.1.4",
        "@types/minimatch": "5.1.2",
        "@azure/core-auth": "1.5.0",
        "@azure/core-util": "1.5.0",
        "typescript": "4.2.4",
        "tslib": "2.8.1"
    }
}