Appwrite Sites giving Build archive was not created when using Bun, Vite, React and Failing on Build
So I currently have everything running smoothly on Netlify and for hosting but i want to make every thing in one place so when appwrite gave access to sites i jumped on it, now i didnt want to reach out right away about my issue as i tried to resolve it with no luck.
Yes it builds fine locally and outputs to a dist file.
Ive tried a bunch of variations to the build command and after the 20 different changes i decided to come here 🙂
I feel like its going to be obvious and i just over looked it
Heres the settings and logs
Framework: Vite
Install command: bun install
Build command: bun run build
Output dir: ./dist
Build runtime: Node-22
env vars
NODE_OPTIONS=--max_old_space_size=4096
Build duration: 1m 40s Total Size: 2.54MB
i attached the full logs, but everything passed except for the last part where it ended with vite v5.4.19 building for production... transforming... Build archive was not created.
as much help would be much appreciated!! 😄
before i forget heres parts of my package.json
"dev": "concurrently \"vite\" \"tsc --watch --noEmit\"",
"build": "tsc && vite build",
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"fix": "eslint . --ext ts,tsx --fix",
"preview": "vite preview"
},```
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@emotion/react": "^11.11.3",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.15.10",
"@mui/material": "^5.15.10",
"@mui/x-data-grid": "^6.19.4",
"@mui/x-date-pickers": "^7.1.1",
"@pixi/filter-color-matrix": "^7.4.2",
"@pixi/react": "^7.1.2",
"@sentry/react": "^7.101.1",
"@testing-library/jest-dom": "^6.4.2",
"@testing-library/react": "^14.2.1",
"@testing-library/user-event": "^14.5.2",
"@types/bun": "^1.1.14",
"@types/react-window": "^1.8.8",
"appwrite": "^18.2.0",
"color": "^4.2.3",
"concurrently": "^8.2.2",
"date-holidays": "^3.23.8",
"eslint-plugin-simple-import-sort": "^12.0.0",
"grid-engine": "^2.44.0",
"js-file-download": "^0.4.12",
"luxon": "^3.4.4",
"mermaid": "^10.8.0",
"phaser": "^3.87.0",
"pixi.js": "^7.4.0",
"react": "^18.3.1",
"react-color": "^2.19.3",
"react-device-detect": "^2.2.3",
"react-dom": "^18.3.1",
"react-helmet": "^6.1.0",
"react-icons": "^5.0.1",
"react-markdown": "^9.0.1",
"react-router-dom": "^6.22.0",
"react-spinners": "^0.13.8",
"react-window": "^1.8.11",
"web-vitals": "^3.5.2",
"webpack": "^5.90.2",
"zustand": "^5.0.2"
},```
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"@typescript-eslint/eslint-plugin": "^7.0.2",
"@typescript-eslint/parser": "^7.0.2",
"@vitejs/plugin-react": "^4.2.1",
"@types/color": "^3.0.6",
"@types/jest": "^29.5.12",
"@types/lodash.capitalize": "^4.2.9",
"@types/luxon": "^3.4.2",
"@types/node": "^20.11.19",
"@types/react-color": "^3.0.13",
"eslint": "^8.56.0",
"eslint-plugin-react-hooks": "^5.1.0",
"eslint-plugin-react-refresh": "^0.4.16",
"typescript": "^5.7.2",
"vite": "^5.2.11",
"@types/react-helmet": "^6.1.11",
"@semantic-release/changelog": "^6.0.3",
"@semantic-release/git": "^10.0.1",
"babel-plugin-named-exports-order": "^0.0.2",
"prop-types": "^15.8.1"
}```
FYI, it's best to wrap code in backticks to format a bit nicer. You can use 1 backtick for inline code (https://www.markdownguide.org/basic-syntax/#code) and 3 backticks for multiline code (https://www.markdownguide.org/extended-syntax/#syntax-highlighting).
and perhaps you need to increase the specifications on the function
what do you mean by increase the specifications on the function?
