Open Grumpier opened 2 weeks ago
What's happening On an Apple M1 Pro, craco build runs as expected.
However, docker build appears to be working but runs indefinitely. There is no error message.
Here is console log:
docker build works fine with react-scripts build.
Here is the Dockerfile:
CRACO version 7.1.0
CRACO config const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = { webpack: { plugins: [ new BundleAnalyzerPlugin(), ], }, }
package.json { "name": "my_camino_3d", "version": "1.0.0", "private": true, "dependencies": { "@auth0/auth0-react": "^1.12.0", "@auth0/auth0-spa-js": "^2.1.0", "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@babel/plugin-transform-private-property-in-object": "^7.23.4", "@babel/preset-env": "^7.23.9", "@emotion/react": "^11.10.4", "@emotion/styled": "^11.10.4", "@googlemaps/react-wrapper": "^1.1.35", "@mui/icons-material": "^5.10.9", "@mui/lab": "^5.0.0-alpha.159", "@mui/material": "^5.10.10", "@mui/styled-engine": "^5.10.8", "@mui/x-data-grid": "^6.10.1", "@mui/x-data-grid-generator": "^6.10.0", "@paypal/react-paypal-js": "^8.1.3", "@react-email/components": "^0.0.14", "@react-email/container": "0.0.8", "@react-email/hr": "0.0.5", "@react-email/render": "0.0.7", "@react-email/text": "0.0.5", "@react-google-maps/api": "^2.17.1", "@react-three/drei": "^9.93.0", "@react-three/fiber": "^8.15.13", "@reduxjs/toolkit": "^1.9.5", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.6.7", "bson-objectid": "^2.0.4", "chart.js": "^4.3.0", "chartjs-plugin-annotation": "^3.0.1", "google-map-react": "^2.2.1", "leva": "^0.9.35", "node-polyfill-webpack-plugin": "^2.0.1", "papaparse": "^5.4.1", "react": "^18.2.0", "react-chartjs-2": "^5.2.0", "react-cookie-consent": "^9.0.0", "react-country-region-selector": "^3.6.1", "react-dom": "^18.2.0", "react-ga4": "^2.1.0", "react-lazy-load-image-component": "^1.6.2", "react-moving-text": "^0.0.7", "react-redux": "^8.1.2", "react-router-dom": "^6.4.3", "react-scripts": "^5.0.1", "react-select": "^5.7.3", "react-swipeable-views-react-18-fix": "^0.14.1", "react-swipeable-views-utils": "^0.14.0", "react-virtualized-auto-sizer": "^1.0.20", "react-window": "^1.8.9", "react-window-infinite-loader": "^1.0.9", "redux": "^4.2.1", "redux-persist": "^6.0.0", "sitemap": "^8.0.0", "three": "^0.160.0", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "analyze": "craco build" }, "proxy": "http://localhost:3001", "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@craco/craco": "^7.1.0", "webpack-bundle-analyzer": "^4.10.2" } }
Correciton - the failing package.json has "build": "craco build" in scripts.
What's happening On an Apple M1 Pro, craco build runs as expected.
However, docker build appears to be working but runs indefinitely. There is no error message.
Here is console log:
docker build works fine with react-scripts build.
Here is the Dockerfile:
CRACO version 7.1.0
CRACO config const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
module.exports = { webpack: { plugins: [ new BundleAnalyzerPlugin(), ], }, }
package.json { "name": "my_camino_3d", "version": "1.0.0", "private": true, "dependencies": { "@auth0/auth0-react": "^1.12.0", "@auth0/auth0-spa-js": "^2.1.0", "@babel/plugin-proposal-private-property-in-object": "^7.21.11", "@babel/plugin-transform-private-property-in-object": "^7.23.4", "@babel/preset-env": "^7.23.9", "@emotion/react": "^11.10.4", "@emotion/styled": "^11.10.4", "@googlemaps/react-wrapper": "^1.1.35", "@mui/icons-material": "^5.10.9", "@mui/lab": "^5.0.0-alpha.159", "@mui/material": "^5.10.10", "@mui/styled-engine": "^5.10.8", "@mui/x-data-grid": "^6.10.1", "@mui/x-data-grid-generator": "^6.10.0", "@paypal/react-paypal-js": "^8.1.3", "@react-email/components": "^0.0.14", "@react-email/container": "0.0.8", "@react-email/hr": "0.0.5", "@react-email/render": "0.0.7", "@react-email/text": "0.0.5", "@react-google-maps/api": "^2.17.1", "@react-three/drei": "^9.93.0", "@react-three/fiber": "^8.15.13", "@reduxjs/toolkit": "^1.9.5", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.6.7", "bson-objectid": "^2.0.4", "chart.js": "^4.3.0", "chartjs-plugin-annotation": "^3.0.1", "google-map-react": "^2.2.1", "leva": "^0.9.35", "node-polyfill-webpack-plugin": "^2.0.1", "papaparse": "^5.4.1", "react": "^18.2.0", "react-chartjs-2": "^5.2.0", "react-cookie-consent": "^9.0.0", "react-country-region-selector": "^3.6.1", "react-dom": "^18.2.0", "react-ga4": "^2.1.0", "react-lazy-load-image-component": "^1.6.2", "react-moving-text": "^0.0.7", "react-redux": "^8.1.2", "react-router-dom": "^6.4.3", "react-scripts": "^5.0.1", "react-select": "^5.7.3", "react-swipeable-views-react-18-fix": "^0.14.1", "react-swipeable-views-utils": "^0.14.0", "react-virtualized-auto-sizer": "^1.0.20", "react-window": "^1.8.9", "react-window-infinite-loader": "^1.0.9", "redux": "^4.2.1", "redux-persist": "^6.0.0", "sitemap": "^8.0.0", "three": "^0.160.0", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "analyze": "craco build" }, "proxy": "http://localhost:3001", "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@craco/craco": "^7.1.0", "webpack-bundle-analyzer": "^4.10.2" } }