wary garden
I ran npm run build and I received an error:
FATAL ERROR: NewSpace::EnsureCurrentCapacity Allocation failed - JavaScript heap out of memory
I decided to leave the project alone and come back to it today, I can now successfully build, but my site in /dist (uploaded to s3) is displaying like the attached pic.
The page displays fine locally and most of the site is in Base.astro, as it's a landing page section.
Node Version: 20.11.1
"dependencies": {
"<@&1055234544183287879>/check": "^0.5.9",
"<@&1055234544183287879>/react": "^3.1.0",
"<@&1055234544183287879>/tailwind": "^5.1.0",
"@fontsource-variable/inter": "^5.0.17",
"@fortawesome/fontawesome-free": "^6.5.1",
"@nextui-org/react": "^2.2.10",
"@tanstack/react-query": "^5.28.6",
"@types/react": "^18.2.67",
"@types/react-dom": "^18.2.22",
"astro": "^4.5.8",
"axios": "^1.6.8",
"framer-motion": "^11.0.20",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwindcss": "^3.4.1",
"typescript": "^5.4.3"
},
"devDependencies": {
"prettier": "^3.2.5",
"prettier-plugin-astro": "^0.13.0",
"sass": "^1.72.0"
}
I am not a front-end dev and this is the first time building a site in a non-traditional way (html/css/js).
I have rolled back my changes (which were quite simple) to a version that was displaying correctly, and built the app and deployed to s3 and it also has the same weird issue.
I deleted /dist and /node_modules, cleared the cache and re-installed modules.
If you need anymore info, let me know and appreciate any help!
