Mp3 & mp4 file uploaded by gitlfs is the wrong size on dist (React + Tailwind APP)

Support
1

My Netlify Site: https://fallout4radio.netlify.app/

Build Logs (My Build Logs Tag People, So No)

Ask Generative AI, it asked me to open the docs, the docs have no solution

so I deployed my website from github it was a react + tailwind web app. and the music in the website won’t run, and when I check the dist file, the mp3 music file size is wrong, is there anyway to reupload that part myself?

Update: So turns out my topic wasn’t uploaded because I need to read the articles so they don’t think I am a bot.

but I found the problem:

problem
problem1365×592 57.1 KB

Netlify Large Media upload is still on pending.

I fixed the problem by deploying my site on Vercel:
https://fallout-4-radio.vercel.app/
and it worked because Vercel has build in Git LFS allowed setting, and it’s not deprecated like Netlify Large Media

I will give Netlify a chance and see if reading topics mindlessly for 1 hour until I can post in forum is worth it. I won’t migrate to Vercel if netlify forum can fix the problem.

cheers

2

7:07:06 PM: build-image version: ecdc8b770f4a0193fd3f258c1bc6029e681813a4 (focal)
7:07:06 PM: buildbot version: 22552e71c3c7b6a5ebfd780eb1c9b2f42fe63aa7
7:07:06 PM: Fetching cached dependencies
7:07:06 PM: Starting to download cache of 83.2MB
7:07:07 PM: Finished downloading cache in 920ms
7:07:07 PM: Starting to extract cache
7:07:08 PM: Finished extracting cache in 892ms
7:07:08 PM: Finished fetching cache in 1.856s
7:07:08 PM: Starting to prepare the repo for build
7:07:08 PM: Netlify Large Media is enabled, running git commands with GIT_LFS_SKIP_SMUDGE=1
7:07:08 PM: Preparing Git Reference refs/heads/main
7:07:09 PM: Starting to install dependencies
7:07:10 PM: Python version set to 3.8
7:07:10 PM: Attempting Ruby version 2.7.2, read from environment
7:07:10 PM: Using Ruby version 2.7.2
7:07:11 PM: Started restoring cached go cache
7:07:11 PM: Finished restoring cached go cache
7:07:12 PM: go version go1.19.13 linux/amd64
7:07:13 PM: Using PHP version 8.0
7:07:14 PM: Started restoring cached Node.js version
7:07:15 PM: Finished restoring cached Node.js version
7:07:15 PM: v18.20.4 is already installed.
7:07:15 PM: Now using node v18.20.4 (npm v10.7.0)
7:07:15 PM: Enabling Node.js Corepack
7:07:15 PM: Started restoring cached build plugins
7:07:15 PM: Finished restoring cached build plugins
7:07:15 PM: Started restoring cached corepack dependencies
7:07:15 PM: Finished restoring cached corepack dependencies
7:07:15 PM: No npm workspaces detected
7:07:15 PM: Started restoring cached node modules
7:07:15 PM: Finished restoring cached node modules
7:07:16 PM: Installing npm packages using npm version 10.7.0
7:07:16 PM: up to date, audited 365 packages in 778ms
7:07:16 PM: 126 packages are looking for funding
7:07:16 PM: run npm fund for details
7:07:16 PM: found 0 vulnerabilities
7:07:16 PM: npm packages installed
7:07:17 PM: Successfully installed dependencies
7:07:17 PM: Starting build script
7:07:18 PM: Detected 1 framework(s)
7:07:18 PM: “vite” at version “5.3.1”
7:07:18 PM: Section completed: initializing
7:07:19 PM: ​
7:07:19 PM: Netlify Build
7:07:19 PM: ────────────────────────────────────────────────────────────────
7:07:19 PM: ​
7:07:19 PM: ❯ Version
7:07:19 PM: @netlify/build 29.51.3
7:07:19 PM: ​
7:07:19 PM: ❯ Flags
7:07:19 PM: baseRelDir: true
7:07:19 PM: buildId: 66af6edb7275d7996f9785c7
7:07:19 PM: deployId: 66af6edb7275d7996f9785c9
7:07:19 PM: ​
7:07:19 PM: ❯ Current directory
7:07:19 PM: /opt/build/repo
7:07:19 PM: ​
7:07:19 PM: ❯ Config file
7:07:19 PM: No config file was defined: using default values.
7:07:19 PM: ​
7:07:19 PM: ❯ Context
7:07:19 PM: production
7:07:19 PM: ​
7:07:19 PM: Build command from Netlify app
7:07:19 PM: ────────────────────────────────────────────────────────────────
7:07:19 PM: ​
7:07:19 PM: $ npm run build
7:07:20 PM: > learn-tailwind-react@0.0.0 build
7:07:20 PM: > vite build
7:07:20 PM: vite v5.3.1 building for production…
7:07:20 PM: transforming…
7:07:20 PM: node_modules/react-wavify/lib/react-wavify.module.dev.js (1:1349): A comment
7:07:20 PM: “/#PURE/”
7:07:20 PM: in “node_modules/react-wavify/lib/react-wavify.module.dev.js” contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
7:07:20 PM: node_modules/react-wavify/lib/react-wavify.module.dev.js (1:1785): A comment
7:07:20 PM: “/#PURE/”
7:07:20 PM: in “node_modules/react-wavify/lib/react-wavify.module.dev.js” contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
7:07:20 PM: node_modules/react-wavify/lib/react-wavify.module.js (1:1349): A comment
7:07:20 PM: “/#PURE/”
7:07:20 PM: in “node_modules/react-wavify/lib/react-wavify.module.js” contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
7:07:20 PM: node_modules/react-wavify/lib/react-wavify.module.js (1:1785): A comment
7:07:20 PM: “/#PURE/”
7:07:20 PM: in “node_modules/react-wavify/lib/react-wavify.module.js” contains an annotation that Rollup cannot interpret due to the position of the comment. The comment will be removed to avoid issues.
7:07:21 PM: Starting post processing
7:07:21 PM: Skipping form detection
7:07:21 PM: Post processing done
7:07:21 PM: Section completed: postprocessing
7:07:21 PM: Post processing - redirect rules
7:07:21 PM: Post processing - header rules
7:07:21 PM: ✓ 34 modules transformed.
7:07:21 PM: rendering chunks…
7:07:21 PM: computing gzip size…
7:07:21 PM: dist/index.html 0.70 kB │ gzip: 0.39 kB
7:07:21 PM: dist/assets/index-B1twYs8g.css 6.46 kB │ gzip: 1.96 kB
7:07:21 PM: dist/assets/index-BDOPO5QH.js 149.21 kB │ gzip: 47.67 kB
7:07:21 PM: ✓ built in 1.08s
7:07:21 PM: ​
7:07:21 PM: (build.command completed in 1.4s)
7:07:21 PM: ​
7:07:21 PM: Deploy site
7:07:21 PM: ────────────────────────────────────────────────────────────────
7:07:21 PM: ​
7:07:21 PM: Starting to deploy site from ‘dist’
7:07:21 PM: Calculating files to upload
7:07:21 PM: 0 new files to upload
7:07:21 PM: 0 new functions to upload
7:07:21 PM: Section completed: deploying
7:07:21 PM: Site deploy was successfully initiated
7:07:21 PM: ​
7:07:21 PM: (Deploy site completed in 162ms)
7:07:21 PM: ​
7:07:21 PM: Netlify Build Complete
7:07:21 PM: ────────────────────────────────────────────────────────────────
7:07:21 PM: ​
7:07:21 PM: (Netlify Build completed in 1.6s)
7:07:22 PM: Site is live :sparkles:
7:07:22 PM: Caching artifacts
7:07:22 PM: Started saving node modules
7:07:22 PM: Finished saving node modules
7:07:22 PM: Started saving build plugins
7:07:22 PM: Finished saving build plugins
7:07:22 PM: Started saving corepack cache
7:07:22 PM: Finished saving corepack cache
7:07:22 PM: Started saving pip cache
7:07:22 PM: Finished saving pip cache
7:07:22 PM: Started saving emacs cask dependencies
7:07:22 PM: Finished saving emacs cask dependencies
7:07:22 PM: Started saving maven dependencies
7:07:22 PM: Finished saving maven dependencies
7:07:22 PM: Started saving boot dependencies
7:07:22 PM: Finished saving boot dependencies
7:07:22 PM: Started saving rust rustup cache
7:07:22 PM: Finished saving rust rustup cache
7:07:22 PM: Started saving go dependencies
7:07:22 PM: Finished saving go dependencies
7:07:22 PM: Build script success
7:07:22 PM: Section completed: building
7:07:22 PM: Uploading Cache of size 83.3MB
7:07:23 PM: Section completed: cleanup
7:07:23 PM: Finished processing build request in 17.232s

3

Large Media is a deprecated product. I’d advise removing it as we won’t be troubleshooting it. Would you please confirm you have read the following Support Guide?

If you have read that, please confirm you have backups of all files and let us know which site to remove Large Media from. To identify the site, you can send us the site subdomain, API ID (the id not the key), or a link to the site (whichever you prefer).

Once we know which site, we’ll reply soon to confirm the add-on has been uninstalled.

​Please let us know if there are any questions and, if not, please tell us the site to do this for.