Patrick-Ullrich
commented
3 years ago Dependencies:
"@babel/core": "7.12.3",
"@chakra-ui/icons": "^1.0.13",
"@chakra-ui/react": "^1.6.3",
"@emotion/react": "^11.4.0",
"@emotion/styled": "^11.3.0",
"@fontsource/inter": "^4.4.2",
"@fontsource/ubuntu": "^4.4.2",
"@fortawesome/fontawesome-svg-core": "^1.2.35",
"@fortawesome/free-brands-svg-icons": "^5.15.3",
"@fortawesome/pro-duotone-svg-icons": "^5.15.3",
"@fortawesome/pro-light-svg-icons": "^5.15.3",
"@fortawesome/pro-regular-svg-icons": "^5.15.3",
"@fortawesome/pro-solid-svg-icons": "^5.15.3",
"@fortawesome/react-fontawesome": "^0.1.14",
"@microsoft/signalr": "^5.0.6",
"@paystack/inline-js": "^2.0.1",
"@pmmmwh/react-refresh-webpack-plugin": "0.4.3",
"@svgr/webpack": "5.5.0",
"@testing-library/jest-dom": "^5.12.0",
"@testing-library/react": "^11.2.7",
"@testing-library/react-hooks": "^7.0.0",
"@testing-library/user-event": "^12.8.3",
"@types/bootstrap": "^5.0.15",
"@types/history": "^4.7.8",
"@types/jest": "^26.0.23",
"@types/lodash.throttle": "^4.1.6",
"@types/node": "^12.20.14",
"@types/react": "^17.0.9",
"@types/react-datepicker": "^3.1.8",
"@types/react-dom": "^17.0.6",
"@types/react-helmet": "^6.1.1",
"@types/react-input-mask": "^3.0.0",
"@types/react-paginate": "^7.1.0",
"@types/react-redux": "^7.1.16",
"@types/react-router-dom": "^5.1.7",
"@types/react-select": "^4.0.15",
"@types/react-test-renderer": "^17.0.1",
"@types/styled-components": "^5.1.9",
"@typescript-eslint/eslint-plugin": "^4.5.0",
"@typescript-eslint/parser": "^4.5.0",
"abortcontroller-polyfill": "^1.7.3",
"babel-eslint": "^10.1.0",
"babel-jest": "^26.6.0",
"babel-loader": "8.1.0",
"babel-plugin-named-asset-import": "^0.3.7",
"babel-preset-react-app": "^10.0.0",
"bfj": "^7.0.2",
"blueimp-load-image": "^5.14.0",
"bootstrap": "^5.0.1",
"camelcase": "^6.1.0",
"case-sensitive-paths-webpack-plugin": "2.3.0",
"chart.js": "^3.3.2",
"chartjs-plugin-annotation": "^1.0.2",
"chartjs-plugin-zoom": "^1.0.1",
"connected-react-router": "^6.9.1",
"css-loader": "4.3.0",
"d3-timer": "^2.0.0",
"detect-browser": "^5.2.0",
"dotenv": "8.2.0",
"dotenv-expand": "5.1.0",
"env-cmd": "^10.1.0",
"eslint": "^7.11.0",
"eslint-config-prettier": "^8.3.0",
"eslint-config-react-app": "^6.0.0",
"eslint-plugin-babel": "^5.3.1",
"eslint-plugin-flowtype": "^5.2.0",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jest": "^24.1.0",
"eslint-plugin-jsx-a11y": "^6.3.1",
"eslint-plugin-prettier": "^3.4.0",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0",
"eslint-plugin-testing-library": "^3.9.2",
"eslint-webpack-plugin": "^2.5.2",
"events": "^3.3.0",
"file-loader": "6.1.1",
"file-saver": "^2.0.5",
"focus-visible": "^5.2.0",
"formik": "^2.2.9",
"framer-motion": "^4.1.17",
"fs-extra": "^9.0.1",
"fscreen": "^1.2.0",
"gzipper": "^4.5.0",
"history": "^5.0.0",
"html-webpack-plugin": "4.5.0",
"i18next": "^20.3.1",
"i18next-browser-languagedetector": "^6.1.1",
"i18next-parser": "^4.2.0",
"i18next-xhr-backend": "^3.2.2",
"identity-obj-proxy": "3.0.0",
"is-plain-object": "^5.0.0",
"ismobilejs": "^1.1.1",
"jest": "26.6.0",
"jest-circus": "26.6.0",
"jest-environment-jsdom-sixteen": "^2.0.0",
"jest-resolve": "26.6.0",
"jest-styled-components": "^7.0.4",
"jest-watch-typeahead": "0.6.1",
"jstimezonedetect": "^1.0.7",
"jwt-decode": "^3.1.2",
"lodash.throttle": "^4.1.1",
"match-sorter": "^6.3.0",
"mini-css-extract-plugin": "0.11.3",
"moment": "^2.29.1",
"moment-timezone": "^0.5.33",
"no-scroll": "^2.1.1",
"nswag": "^13.11.2",
"optimize-css-assets-webpack-plugin": "5.0.4",
"pnp-webpack-plugin": "1.6.4",
"postcss-flexbugs-fixes": "4.2.1",
"postcss-loader": "3.0.0",
"postcss-normalize": "8.0.1",
"postcss-preset-env": "6.7.0",
"postcss-safe-parser": "5.0.2",
"prettier": "^2.3.0",
"prompts": "2.4.0",
"query-string": "^7.0.0",
"react": "^17.0.2",
"react-app-polyfill": "^2.0.0",
"react-big-calendar": "^0.33.5",
"react-chartjs-2": "^3.0.3",
"react-collapse": "^5.1.0",
"react-copy-to-clipboard": "^5.0.3",
"react-countup": "^4.3.3",
"react-credit-cards": "^0.8.3",
"react-custom-scrollbars": "^4.2.1",
"react-datepicker": "^4.1.1",
"react-dev-utils": "^11.0.3",
"react-div-100vh": "^0.6.0",
"react-dom": "^17.0.2",
"react-dropzone": "^11.3.2",
"react-ga": "^3.3.0",
"react-gtm-module": "^2.0.11",
"react-helmet": "^6.1.0",
"react-i18next": "^11.10.0",
"react-image-crop": "^8.6.9",
"react-input-mask": "^2.0.4",
"react-joyride": "^2.3.0",
"react-modal": "^3.14.2",
"react-paginate": "^7.1.3",
"react-pdf": "^5.3.0",
"react-phone-input-2": "^2.14.0",
"react-player": "^2.9.0",
"react-portal": "^4.2.1",
"react-qr-code": "^1.1.1",
"react-query": "^3.16.0",
"react-range": "^1.8.9",
"react-rating": "^2.0.5",
"react-redux": "^7.2.4",
"react-refresh": "^0.8.3",
"react-router": "^5.2.0",
"react-router-dom": "^5.2.0",
"react-select": "^4.3.1",
"react-select-simple-value": "^1.2.1",
"react-signature-canvas": "^1.0.3",
"react-slick": "^0.28.1",
"react-spring": "^9.2.1",
"react-text-mask": "^5.4.3",
"react-tiny-popover": "^6.0.5",
"react-to-print": "^2.12.6",
"react-tooltip": "^4.2.21",
"react-transition-group": "^4.4.2",
"react-typeform-embed": "^0.2.1",
"react-use": "^17.2.4",
"react-windowed-select": "^3.1.1",
"reduce-reducers": "^1.0.4",
"redux": "^4.1.0",
"redux-mock-store": "^1.5.4",
"redux-thunk": "^2.3.0",
"replace-in-file": "^6.2.0",
"reselect": "^4.0.0",
"resolve": "1.18.1",
"resolve-url-loader": "^3.1.2",
"sass": "^1.34.0",
"sass-loader": "^10.0.5",
"semver": "7.3.2",
"sharethis-reactjs": "^1.6.0",
"source-map-explorer": "^2.5.2",
"stacktrace-gps": "^3.0.4",
"stacktrace-js": "^2.0.2",
"storybook-dark-mode": "^1.0.8",
"style-loader": "1.3.0",
"styled-components": "^5.3.0",
"styled-normalize": "^8.0.7",
"terser-webpack-plugin": "4.2.3",
"ts-pnp": "1.2.0",
"tti-polyfill": "^0.2.2",
"twilio-chat": "^5.0.0",
"twilio-video": "^2.14.0",
"typesafe-actions": "^5.1.0",
"typescript": "4.1.2",
"url-loader": "4.1.1",
"use-debounce": "^6.0.1",
"use-react-router-breadcrumbs": "^2.0.0",
"web-vitals": "^1.0.1",
"webpack": "4.44.2",
"webpack-dev-server": "3.11.1",
"webpack-manifest-plugin": "2.2.0",
"webrtc-adapter": "^8.0.0",
"whatwg-fetch": "^3.6.2",
"workbox-webpack-plugin": "5.1.4",
"yup": "^0.32.9"
},
Describe the bug
npm run buildnever completes.Unable to upgrade larger typescript based CRA project to version 4.x from 3.4.3.
Once upgraded
npm run buildwill never complete.I get following output before the build doesn't return anymore information: Creating an optimized production build... DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
I think it would help if there is a way to add a --verbose, but i was not able to add that to the build yet. Right now i have 0 insight on what might be failing.
Couple things I have tried:
Environment
Environment Info:
current version of create-react-app: 4.0.3 running from C:\Users\patri\AppData\Roaming\npm-cache_npx\34924\node_modules\create-react-app
System: OS: Windows 10 10.0.19042 CPU: (20) x64 Intel(R) Core(TM) i9-10850K CPU @ 3.60GHz Binaries: Node: 14.15.1 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.10 - ~\AppData\Roaming\npm\yarn.CMD npm: 6.14.11 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: Not Found Edge: Spartan (44.19041.964.0), Chromium (91.0.864.37) Internet Explorer: 11.0.19041.1 npmPackages: react: ^17.0.2 => 17.0.2 react-dom: ^17.0.2 => 17.0.2 react-scripts: Not Found npmGlobalPackages: create-react-app: Not Found
Steps to reproduce
Unable to reproduce
Expected behavior
Expect to complete build.
Actual behavior
Never completes.