Description
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
5066
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"
}
}