TypeError during production

Hello,
I know the error has something to do with my codes but I don’t know where to start. If someone could help me start that would be great. So a couple of weeks ago, I was able to deploy my app fine but after a few changes were made, I tried to redeploy on netlify and my app wouldn’t load because of the error on setPixelRatio.

site name: https://624dc2484b0fb60008d102e6--soq-3d.netlify.app/
error message:


the build logs:

11:39:36 AM: Build ready to start
11:39:38 AM: build-image version: d2c6dbeac570350a387d832f64bc980dc964ad65 (focal)
11:39:38 AM: build-image tag: v4.8.0
11:39:38 AM: buildbot version: e552b142336b2b1222a93a4fd4cbed0019c77b46
11:39:38 AM: Fetching cached dependencies
11:39:39 AM: Starting to download cache of 927.1MB
11:39:48 AM: Finished downloading cache in 9.744703109s
11:39:48 AM: Starting to extract cache
11:39:59 AM: Finished extracting cache in 10.996722112s
11:39:59 AM: Finished fetching cache in 20.863541244s
11:39:59 AM: Starting to prepare the repo for build
11:40:00 AM: Preparing Git Reference refs/heads/main
11:40:04 AM: Parsing package.json dependencies
11:40:06 AM: Starting build script
11:40:06 AM: Installing dependencies
11:40:06 AM: Python version set to 2.7
11:40:06 AM: Started restoring cached node version
11:40:07 AM: Finished restoring cached node version
11:40:08 AM: v16.14.2 is already installed.
11:40:08 AM: Now using node v16.14.2 (npm v8.5.0)
11:40:08 AM: Started restoring cached build plugins
11:40:08 AM: Finished restoring cached build plugins
11:40:08 AM: Attempting ruby version 2.7.2, read from environment
11:40:09 AM: Using ruby version 2.7.2
11:40:10 AM: Using PHP version 8.0
11:40:10 AM: No npm workspaces detected
11:40:10 AM: Started restoring cached node modules
11:40:10 AM: Finished restoring cached node modules
11:40:11 AM: Started restoring cached go cache
11:40:11 AM: Finished restoring cached go cache
11:40:11 AM: go version go1.16.5 linux/amd64
11:40:11 AM: go version go1.16.5 linux/amd64
11:40:11 AM: Installing missing commands
11:40:11 AM: Verify run directory
11:40:12 AM: ​
11:40:12 AM: ────────────────────────────────────────────────────────────────
11:40:12 AM:   Netlify Build                                                 
11:40:12 AM: ────────────────────────────────────────────────────────────────
11:40:12 AM: ​
11:40:12 AM: ❯ Version
11:40:12 AM:   @netlify/build 26.5.2
11:40:12 AM: ​
11:40:12 AM: ❯ Flags
11:40:12 AM:   baseRelDir: true
11:40:12 AM:   buildId: 624dc2484b0fb60008d102e3
11:40:12 AM:   deployId: 624dc2484b0fb60008d102e6
11:40:12 AM: ​
11:40:12 AM: ❯ Current directory
11:40:12 AM:   /opt/build/repo
11:40:12 AM: ​
11:40:12 AM: ❯ Config file
11:40:12 AM:   No config file was defined: using default values.
11:40:12 AM: ​
11:40:12 AM: ❯ Context
11:40:12 AM:   production
11:40:12 AM: ​
11:40:12 AM: ────────────────────────────────────────────────────────────────
11:40:12 AM:   1. Build command from Netlify app                             
11:40:12 AM: ────────────────────────────────────────────────────────────────
11:40:12 AM: ​
11:40:12 AM: $ npm run build
11:40:13 AM: > soq3d@0.0.0 build
11:40:13 AM: > vite build
11:40:13 AM: vite v2.7.10 building for production...
11:40:13 AM: transforming...
11:40:16 AM: ✓ 85 modules transformed.
11:40:17 AM: rendering chunks...
11:40:17 AM: dist/assets/favicon.17e50649.svg   1.49 KiB
11:40:17 AM: dist/index.html                    1.39 KiB
11:40:17 AM: dist/assets/index.3b0b2bf3.css     2.46 KiB / gzip: 0.82 KiB
11:40:17 AM: dist/assets/index.b6c7d240.js      10.14 KiB / gzip: 3.86 KiB
11:40:17 AM: dist/assets/vendor.ce2253c1.js     774.72 KiB / gzip: 207.61 KiB
11:40:17 AM: 
11:40:17 AM: (!) Some chunks are larger than 500 KiB after minification. Consider:
11:40:17 AM: - Using dynamic import() to code-split the application
11:40:17 AM: - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks
11:40:17 AM: Creating deploy upload records
11:40:17 AM: - Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
11:40:17 AM: ​
11:40:17 AM: (build.command completed in 4.6s)
11:40:17 AM: ​
11:40:17 AM: ────────────────────────────────────────────────────────────────
11:40:17 AM:   2. Deploy site                                                
11:40:17 AM: ────────────────────────────────────────────────────────────────
11:40:17 AM: ​
11:40:17 AM: Starting to deploy site from 'dist'
11:40:17 AM: Creating deploy tree 
11:40:17 AM: 2 new files to upload
11:40:17 AM: 0 new functions to upload
11:40:18 AM: Site deploy was successfully initiated
11:40:18 AM: ​
11:40:18 AM: (Deploy site completed in 800ms)
11:40:18 AM: ​
11:40:18 AM: ────────────────────────────────────────────────────────────────
11:40:18 AM:   Netlify Build Complete                                        
11:40:18 AM: ────────────────────────────────────────────────────────────────
11:40:18 AM: ​
11:40:18 AM: (Netlify Build completed in 5.4s)
11:40:18 AM: Caching artifacts
11:40:18 AM: Started saving node modules
11:40:18 AM: Finished saving node modules
11:40:18 AM: Starting post processing
11:40:18 AM: Started saving build plugins
11:40:18 AM: Post processing - HTML
11:40:18 AM: Finished saving build plugins
11:40:18 AM: Started saving pip cache
11:40:18 AM: Finished saving pip cache
11:40:18 AM: Started saving emacs cask dependencies
11:40:18 AM: Finished saving emacs cask dependencies
11:40:18 AM: Started saving maven dependencies
11:40:18 AM: Finished saving maven dependencies
11:40:18 AM: Started saving boot dependencies
11:40:18 AM: Finished saving boot dependencies
11:40:18 AM: Post processing - header rules
11:40:18 AM: Started saving rust rustup cache
11:40:18 AM: Finished saving rust rustup cache
11:40:18 AM: Started saving go dependencies
11:40:19 AM: Post processing - redirect rules
11:40:18 AM: Finished saving go dependencies
11:40:18 AM: Build script success
11:40:19 AM: Post processing done
11:40:22 AM: Site is live ✨
11:41:25 AM: Finished processing build request in 1m46.904693459s

Hiya, @cheenou13 :wave: sorry you are having trouble with your build.

I totally understand how it can be overwhelming to decide where to start when it comes to debugging.This Support Guide contains a ton of useful debugging tips that can likely help you solve your problem :slight_smile: Additionally, this Support Guide houses all of our resources for debugging build and deploy issues.

We also recommend trying to search the forums with the build error you encountered - it’s likely your question was already asked by someone else!

If you are still having problems, please provide as much information as you can on what your build settings are, your package.json, etc. Thanks!

1 Like