Nuxt Image doesnt show up after deploy

Hi

I just deployed my first nuxt app on netlify with build command yarn generate, the problem now is that my image in the static folder doesnt load. The Console Error looks like this:
https://thomaskohlmannhuber.netlify.app/_ipx/w_1280/hero-img.png 404

My netlify domain is : https://thomaskohlmannhuber.netlify.app

Tried to remove:
ssr: false in the nuxt.config.js but doesnt change anything.

Hey there, @tkohlmannhuber :wave:

Thanks so much for reaching out and sharing what you have tried so far. Can you share a copy of your most recent deploy log with us, in full? Additionally, how large is the image you are trying to use?

Here is the latest full deploy log.
1:39:59 PM: Build ready to start
1:40:01 PM: build-image version: c5b01a919d3e16af69445c5de0cacb49efbb1a23 (focal)
1:40:01 PM: build-image tag: v4.4.0
1:40:01 PM: buildbot version: 9deea8f876b3228119111d3a654f519dd1866bfe
1:40:01 PM: Building without cache
1:40:01 PM: Starting to prepare the repo for build
1:40:01 PM: No cached dependencies found. Cloning fresh repo
1:40:01 PM: git clone GitHub - tkohlmannhuber/tk_cv
1:40:03 PM: Preparing Git Reference refs/heads/master
1:40:04 PM: Parsing package.json dependencies
1:40:04 PM: ​❯ Initial build environmentbaseRelDir: truebranch: mastercontext: productioncwd: /opt/build/repofeatureFlags: mode: buildbotrepositoryRoot: /opt/build/repositeId: 96243fab-bd8a-4930-a368-73502a2d9ba6​❯ UI build settingsbaseRelDir: truebuild: command: yarn generate environment: - NETLIFY_BUILD_DEBUG - NETLIFY_USE_YARN - NODE_VERSION publish: dist​❯ Resolved build environmentbranch: masterbuildDir: /opt/build/repocontext: productionenv: ​❯ Resolved configbuild: command: yarn generate commandOrigin: ui environment: - NETLIFY_BUILD_DEBUG - NETLIFY_USE_YARN - NODE_VERSION publish: /opt/build/repo/dist publishOrigin: ui
1:40:05 PM: Starting build script
1:40:05 PM: Installing dependencies
1:40:05 PM: Python version set to 2.7
1:40:06 PM: Downloading and installing node v14.0.0…
1:40:06 PM: Downloading https://nodejs.org/dist/v14.0.0/node-v14.0.0-linux-x64.tar.xz…
1:40:06 PM: Computing checksum with sha256sum
1:40:06 PM: Checksums matched!
1:40:10 PM: Now using node v14.0.0 (npm v6.14.4)
1:40:10 PM: Started restoring cached build plugins
1:40:10 PM: Finished restoring cached build plugins
1:40:10 PM: Attempting ruby version 2.7.2, read from environment
1:40:12 PM: Using ruby version 2.7.2
1:40:12 PM: Using PHP version 8.0
1:40:12 PM: Started restoring cached yarn cache
1:40:12 PM: Finished restoring cached yarn cache
1:40:12 PM: Installing yarn at version 1.22.10
1:40:12 PM: Installing Yarn!
1:40:12 PM: > Downloading tarball…
1:40:12 PM: [1/2]: https://yarnpkg.com/downloads/1.22.10/yarn-v1.22.10.tar.gz β†’ /tmp/yarn.tar.gz.c10ZVVRLs3
1:40:12 PM: % Total % Received % Xferd Average Speed Time Time Time Current
1:40:12 PM: Dload Upload Total Spent Left Speed
1:40:13 PM: 0 0 0 0 0 0 0 0 --:–:-- --:–:-- --:–:-- 0
1:40:13 PM: 100 81 100 81 0 0 686 0 --:–:-- --:–:-- --:–:-- 686
1:40:13 PM: 0 0 0 0 0 0 0 0 --:–:-- --:–:-- --:–:-- 0
1:40:13 PM: 100 95 100 95 0 0 124 0 --:–:-- --:–:-- --:–:-- 95000
1:40:13 PM: 100 626 100 626 0 0 717 0 --:–:-- --:–:-- --:–:-- 717
1:40:13 PM: 100 1215k 100 1215k 0 0 1223k 0 --:–:-- --:–:-- --:–:-- 1223k
1:40:13 PM: [2/2]: https://yarnpkg.com/downloads/1.22.10/yarn-v1.22.10.tar.gz.asc β†’ /tmp/yarn.tar.gz.c10ZVVRLs3.asc
1:40:13 PM: % Total % Received % Xferd Average Speed Time Time Time Current
1:40:13 PM: Dload Upload Total Spent Left Speed
1:40:13 PM: 0 0 0 0 0 0 0 0 --:–:-- --:–:-- --:–:-- 0
1:40:13 PM: 100 85 100 85 0 0 1770 0 --:–:-- --:–:-- --:–:-- 1770
1:40:14 PM: 100 99 100 99 0 0 622 0 --:–:-- --:–:-- --:–:-- 622
1:40:14 PM: 100 630 100 630 0 0 3387 0 --:–:-- --:–:-- --:–:-- 3387
1:40:14 PM: 100 832 100 832 0 0 4223 0 --:–:-- --:–:-- --:–:-- 4223
1:40:14 PM: > Verifying integrity…
1:40:14 PM: gpg: Signature made Fri 02 Oct 2020 11:17:27 AM UTC
1:40:14 PM: gpg: using RSA key 6D98490C6F1ACDDD448E45954F77679369475BAA
1:40:14 PM: gpg: Good signature from β€œYarn Packaging yarn@dan.cx” [unknown]
1:40:14 PM: gpg: WARNING: This key is not certified with a trusted signature!
1:40:14 PM: gpg: There is no indication that the signature belongs to the owner.
1:40:14 PM: Primary key fingerprint: 72EC F46A 56B4 AD39 C907 BBB7 1646 B01B 86E5 0310
1:40:14 PM: Subkey fingerprint: 6D98 490C 6F1A CDDD 448E 4595 4F77 6793 6947 5BAA
1:40:14 PM: > GPG signature looks good
1:40:14 PM: > Extracting to ~/.yarn…
1:40:14 PM: > Adding to $PATH…
1:40:14 PM: > Successfully installed Yarn 1.22.10! Please open another terminal where the yarn command will now be available.
1:40:15 PM: No yarn workspaces detected
1:40:15 PM: Started restoring cached node modules
1:40:15 PM: Finished restoring cached node modules
1:40:15 PM: Installing NPM modules using Yarn version 1.22.10
1:40:16 PM: yarn install v1.22.10
1:40:16 PM: [1/4] Resolving packages…
1:40:17 PM: [2/4] Fetching packages…
1:40:47 PM: info fsevents@2.3.2: The platform β€œlinux” is incompatible with this module.
1:40:47 PM: info β€œfsevents@2.3.2” is an optional dependency and failed compatibility check. Excluding it from installation.
1:40:47 PM: info fsevents@1.2.13: The platform β€œlinux” is incompatible with this module.
1:40:47 PM: info β€œfsevents@1.2.13” is an optional dependency and failed compatibility check. Excluding it from installation.
1:40:47 PM: [3/4] Linking dependencies…
1:40:47 PM: warning β€œnuxt > @nuxt/components@2.2.1” has unmet peer dependency β€œconsola@*”.
1:40:47 PM: warning " > @babel/eslint-parser@7.15.8" has unmet peer dependency β€œ@babel/core@>=7.11.0”.
1:40:47 PM: warning β€œ@nuxtjs/eslint-config > eslint-plugin-jest > @typescript-eslint/experimental-utils > @typescript-eslint/typescript-estree > tsutils@3.21.0” has unmet peer dependency β€œtypescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta”.
1:40:47 PM: warning β€œ@nuxtjs/eslint-module > eslint-webpack-plugin@2.5.4” has unmet peer dependency β€œwebpack@^4.0.0 || ^5.0.0”.
1:40:47 PM: warning " > sass-loader@10.2.0" has unmet peer dependency β€œwebpack@^4.36.0 || ^5.0.0”.
1:40:58 PM: [4/4] Building fresh packages…
1:41:04 PM: Done in 47.96s.
1:41:04 PM: NPM modules installed using Yarn
1:41:04 PM: Started restoring cached go cache
1:41:04 PM: Finished restoring cached go cache
1:41:04 PM: go version go1.16.5 linux/amd64
1:41:04 PM: go version go1.16.5 linux/amd64
1:41:04 PM: Installing missing commands
1:41:04 PM: Verify run directory
1:41:06 PM: ​
1:41:06 PM: ────────────────────────────────────────────────────────────────
1:41:06 PM: Netlify Build
1:41:06 PM: ────────────────────────────────────────────────────────────────
1:41:06 PM: ​
1:41:06 PM: ❯ Version
1:41:06 PM: @netlify/build 18.20.1
1:41:06 PM: ​
1:41:06 PM: ❯ Flags
1:41:06 PM: apiHost: api.netlify.com
1:41:06 PM: baseRelDir: true
1:41:06 PM: branch: master
1:41:06 PM: buildId: 617fe01e18edaa2a3af0dacb
1:41:06 PM: buildbotServerSocket: /tmp/netlify-buildbot-socket
1:41:06 PM: cacheDir: /opt/build/cache
1:41:06 PM: cachedConfigPath: /tmp/netlify_config.json
1:41:06 PM: context: production
1:41:06 PM: cwd: /opt/build/repo
1:41:06 PM: deployId: 617fe01e18edaa2a3af0dacd
1:41:06 PM: featureFlags:
1:41:06 PM: - buildbot_build_go_functions
1:41:06 PM: framework: nuxt
1:41:06 PM: functionsDistDir: /tmp/zisi-617fe01e18edaa2a3af0dacd
1:41:06 PM: mode: buildbot
1:41:06 PM: nodePath: /opt/buildhome/.nvm/versions/node/v14.0.0/bin/node
1:41:06 PM: repositoryRoot: /opt/build/repo
1:41:06 PM: saveConfig: true
1:41:06 PM: sendStatus: true
1:41:06 PM: siteId: 96243fab-bd8a-4930-a368-73502a2d9ba6
1:41:06 PM: statsd:
1:41:06 PM: host: datadog-agent
1:41:06 PM: port: 8125
1:41:06 PM: testOpts:
1:41:06 PM: silentLingeringProcesses: β€˜β€™
1:41:06 PM: ​
1:41:06 PM: ❯ Current directory
1:41:06 PM: /opt/build/repo
1:41:06 PM: ​
1:41:06 PM: ❯ Config file
1:41:06 PM: No config file was defined: using default values.
1:41:06 PM: ​
1:41:06 PM: ❯ Resolved config
1:41:06 PM: build:
1:41:06 PM: command: yarn generate
1:41:06 PM: commandOrigin: ui
1:41:06 PM: environment:
1:41:06 PM: - NETLIFY_BUILD_DEBUG
1:41:06 PM: - NETLIFY_USE_YARN
1:41:06 PM: - NODE_VERSION
1:41:06 PM: publish: /opt/build/repo/dist
1:41:06 PM: publishOrigin: ui
1:41:06 PM: ​
1:41:06 PM: ❯ Context
1:41:06 PM: production
1:41:06 PM: ​
1:41:06 PM: ────────────────────────────────────────────────────────────────
1:41:06 PM: 1. Build command from Netlify app
1:41:06 PM: ────────────────────────────────────────────────────────────────
1:41:06 PM: ​
1:41:06 PM: $ yarn generate
1:41:06 PM: yarn run v1.22.10
1:41:06 PM: $ nuxt generate
1:41:31 PM: Done in 24.55s.
1:41:31 PM: ​
1:41:31 PM: (build.command completed in 24.8s)
1:41:31 PM: ​
1:41:31 PM: ────────────────────────────────────────────────────────────────
1:41:31 PM: 2. Deploy site
1:41:31 PM: ────────────────────────────────────────────────────────────────
1:41:31 PM: ​
1:41:31 PM: ​
1:41:31 PM: ❯ Uploaded config
1:41:31 PM: No netlify.toml
1:41:31 PM: ​
1:41:31 PM: ❯ Uploaded headers
1:41:31 PM: Creating deploy upload records
1:41:31 PM: No headers
1:41:31 PM: ​
1:41:31 PM: ❯ Uploaded redirects
1:41:31 PM: No redirects
1:41:31 PM: ​
1:41:31 PM: Starting to deploy site from β€˜dist’
1:41:31 PM: Creating deploy tree
1:41:31 PM: 0 new files to upload
1:41:31 PM: 0 new functions to upload
1:41:31 PM: Site deploy was successfully initiated
1:41:31 PM: ​
1:41:31 PM: (Deploy site completed in 118ms)
1:41:31 PM: ​
1:41:31 PM: ────────────────────────────────────────────────────────────────
1:41:31 PM: Netlify Build Complete
1:41:31 PM: ────────────────────────────────────────────────────────────────
1:41:31 PM: ​
1:41:31 PM: (Netlify Build completed in 25s)
1:41:31 PM: Starting post processing
1:41:31 PM: Post processing - HTML
1:41:31 PM: Post processing - header rules
1:41:31 PM: Post processing - redirect rules
1:41:31 PM: Post processing done
1:41:31 PM: Site is live :sparkles:
1:41:31 PM: Caching artifacts
1:41:31 PM: Started saving node modules
1:41:31 PM: Finished saving node modules
1:41:31 PM: Started saving build plugins
1:41:31 PM: Finished saving build plugins
1:41:31 PM: Started saving yarn cache

The image size is 270kb.

hi there, sorry to hear you are having issues with your images. I think the next step is to confirm that the image is actually present and addressable where you are thinking it is, given that the site builds with no issues.

you might use this tool to take a look at what we are actually building and deploying, or you can download your deploy from our UI:

I am having the same issue. I have deployed Nuxt3 app on Netlify and the images don’t load. I was using the latest Nuxt image module which is compatible with Nuxt3 and according to their documentation images should be placed in a public folder to get it working. I have done exactly that. The site builds alright but images fail to load.

I know this topic is 9 months old now but I didn’t want to create a new one.
I will appreciate it if somebody can point me in the right direction.

Site name: samuelantwi.netlify.app

And here is the latest build:
1:08:22 AM: Build ready to start
1:08:24 AM: build-image version: 0e2f4c52031ab562db66aec633308326e3b108d0 (focal)
1:08:24 AM: build-image tag: focal
1:08:24 AM: buildbot version: 0d1cf41e4e345a224c39ab2a783aa4af5c76f6e8
1:08:24 AM: Fetching cached dependencies
1:08:24 AM: Starting to download cache of 595.7MB
1:08:30 AM: Finished downloading cache in 5.632833167s
1:08:30 AM: Starting to extract cache
1:08:35 AM: Finished extracting cache in 4.945468573s
1:08:35 AM: Finished fetching cache in 10.702619176s
1:08:35 AM: Starting to prepare the repo for build
1:08:35 AM: Preparing Git Reference refs/heads/main
1:08:35 AM: Parsing package.json dependencies
1:08:36 AM: Starting build script
1:08:36 AM: Installing dependencies
1:08:36 AM: Python version set to 2.7
1:08:37 AM: Started restoring cached node version
1:08:38 AM: Finished restoring cached node version
1:08:38 AM: v16.16.0 is already installed.
1:08:39 AM: Now using node v16.16.0 (npm v8.11.0)
1:08:39 AM: Started restoring cached build plugins
1:08:39 AM: Finished restoring cached build plugins
1:08:39 AM: Attempting ruby version 2.7.2, read from environment
1:08:40 AM: Using ruby version 2.7.2
1:08:40 AM: Using PHP version 8.0
1:08:40 AM: Started restoring cached yarn cache
1:08:43 AM: Finished restoring cached yarn cache
1:08:44 AM: No yarn workspaces detected
1:08:44 AM: Started restoring cached node modules
1:08:44 AM: Finished restoring cached node modules
1:08:44 AM: Installing NPM modules using Yarn version 1.22.10
1:08:44 AM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
1:08:44 AM: npm WARN config location in the cache, and they are managed by
1:08:44 AM: npm WARN config cacache.
1:08:44 AM: yarn install v1.22.10
1:08:44 AM: warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
1:08:44 AM: [1/4] Resolving packages…
1:08:45 AM: success Already up-to-date.
1:08:45 AM: Done in 0.53s.
1:08:45 AM: NPM modules installed using Yarn
1:08:45 AM: Started restoring cached go cache
1:08:45 AM: Finished restoring cached go cache
1:08:45 AM: Installing Go version 1.17 (requested 1.17)
1:08:50 AM: unset GOOS;
1:08:50 AM: unset GOARCH;
1:08:50 AM: export GOROOT=β€˜/opt/buildhome/.gimme/versions/go1.17.linux.amd64’;
1:08:50 AM: export PATH=β€œ/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}”;
1:08:50 AM: go version >&2;
1:08:50 AM: export GIMME_ENV=β€œ/opt/buildhome/.gimme/env/go1.17.linux.amd64.env”
1:08:50 AM: go version go1.17 linux/amd64
1:08:50 AM: Installing missing commands
1:08:50 AM: Verify run directory
1:08:52 AM: ​
1:08:52 AM: ────────────────────────────────────────────────────────────────
1:08:52 AM: Netlify Build
1:08:52 AM: ────────────────────────────────────────────────────────────────
1:08:52 AM: ​
1:08:52 AM: ❯ Version
1:08:52 AM: @netlify/build 27.3.4
1:08:52 AM: ​
1:08:52 AM: ❯ Flags
1:08:52 AM: baseRelDir: true
1:08:52 AM: buildId: 62d5f5f6af5f2a00085d7aec
1:08:52 AM: deployId: 62d5f5f6af5f2a00085d7aee
1:08:52 AM: ​
1:08:52 AM: ❯ Current directory
1:08:52 AM: /opt/build/repo
1:08:52 AM: ​
1:08:52 AM: ❯ Config file
1:08:52 AM: No config file was defined: using default values.
1:08:52 AM: ​
1:08:52 AM: ❯ Context
1:08:52 AM: production
1:08:52 AM: ​
1:08:52 AM: ────────────────────────────────────────────────────────────────
1:08:52 AM: 1. Build command from Netlify app
1:08:52 AM: ────────────────────────────────────────────────────────────────
1:08:52 AM: ​
1:08:52 AM: $ npm run build
1:08:52 AM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
1:08:52 AM: npm WARN config location in the cache, and they are managed by
1:08:52 AM: npm WARN config cacache.
1:08:52 AM: > build
1:08:52 AM: > nuxt build
1:08:52 AM: [log] Nuxt CLI v3.0.0-rc.6
1:08:55 AM: [success] [@nuxt/content] Using ~/components/content for components in Markdown
1:08:56 AM: [info] [nuxt:tailwindcss] Using Tailwind CSS from ~/assets/css/tailwind.css
1:09:04 AM: [info] Client built in 7259ms
1:09:04 AM: [info] Building server…
1:09:08 AM: [success] Server built in 4380ms
1:09:08 AM: [success] [nitro] Generated public dist
1:09:08 AM: [info] [nitro] Initializing prerenderer
1:09:15 AM: [info] [nitro] Prerendering 1 routes
1:09:15 AM: [log] [nitro] β”œβ”€ /api/content/cache (126ms)
1:09:15 AM: [start] [nitro] Building server…
1:09:22 AM: [start] [nitro] Writing server bundle…
1:09:23 AM: [success] [nitro] Server built
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/server.ts (1.22 kB) (486 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/package.json (3.87 kB) (1.18 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/latest.mjs.map (98 B) (100 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/latest.mjs (1.72 kB) (493 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/5.how-to-clone-javascript-object.mjs.map (124 B) (121 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/5.how-to-clone-javascript-object.mjs (9.8 kB) (1.2 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/4.supabase.mjs.map (102 B) (103 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/4.supabase.mjs (2.26 kB) (669 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/3.tailwindcss.mjs.map (105 B) (105 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/3.tailwindcss.mjs (2.21 kB) (640 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/2.vuex.mjs.map (98 B) (101 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/2.vuex.mjs (1.19 kB) (587 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/1.pinia.mjs.map (99 B) (101 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/raw/1.pinia.mjs (1.92 kB) (541 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/nitro/aws-lambda.mjs.map (128 kB) (17 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/nitro/aws-lambda.mjs (99 kB) (23.3 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/handlers/renderer.mjs.map (1.92 MB) (91.3 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/handlers/renderer.mjs (431 kB) (98.7 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/server.mjs.map (309 kB) (41.3 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/server.mjs (269 kB) (63 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseUl.0d9902d5.mjs.map (953 B) (426 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseUl.0d9902d5.mjs (2.06 kB) (845 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTr.19cfb456.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTr.19cfb456.mjs (2.06 kB) (847 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseThead.018b8ca7.mjs.map (960 B) (428 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseThead.018b8ca7.mjs (2.08 kB) (849 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTh.b65e5152.mjs.map (953 B) (428 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTh.b65e5152.mjs (2.06 kB) (847 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTd.817cf09a.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTd.817cf09a.mjs (2.06 kB) (845 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTbody.8b80b9ed.mjs.map (960 B) (429 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTbody.8b80b9ed.mjs (2.08 kB) (849 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTable.4f1cf5bf.mjs.map (960 B) (430 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseTable.4f1cf5bf.mjs (2.08 kB) (848 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseStrong.4e4c5537.mjs.map (962 B) (432 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseStrong.4e4c5537.mjs (2.09 kB) (849 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseP.17fe9e37.mjs.map (951 B) (424 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseP.17fe9e37.mjs (2.06 kB) (843 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseOl.4f9cbb76.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseOl.4f9cbb76.mjs (2.06 kB) (846 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseLi.d26a739b.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseLi.d26a739b.mjs (2.06 kB) (845 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseImg.d7260f54.mjs.map (1.43 kB) (534 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseImg.d7260f54.mjs (2.33 kB) (920 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseHr.79ab5ea6.mjs.map (804 B) (382 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseHr.79ab5ea6.mjs (1.96 kB) (813 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH6.8654aefd.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH6.8654aefd.mjs (2.06 kB) (848 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH5.2bb6a092.mjs.map (953 B) (428 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH5.2bb6a092.mjs (2.06 kB) (849 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH4.42d524e4.mjs.map (1.62 kB) (647 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH4.42d524e4.mjs (2.65 kB) (1.03 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH3.023bcdca.mjs.map (1.62 kB) (647 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH3.023bcdca.mjs (2.65 kB) (1.03 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH2.caa551f3.mjs.map (1.62 kB) (648 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH2.caa551f3.mjs (2.65 kB) (1.03 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH1.30eb2847.mjs.map (953 B) (427 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseH1.30eb2847.mjs (2.06 kB) (849 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseEm.07dc7883.mjs.map (953 B) (426 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseEm.07dc7883.mjs (2.06 kB) (844 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseCodeInline.d85b34f3.mjs.map (970 B) (433 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseCodeInline.d85b34f3.mjs (2.1 kB) (855 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseCode.29ea7259.mjs.map (1.23 kB) (491 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseCode.29ea7259.mjs (2.32 kB) (923 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseBlockquote.03157957.mjs.map (970 B) (433 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseBlockquote.03157957.mjs (2.11 kB) (856 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseA.c76fe025.mjs.map (1.55 kB) (634 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ProseA.c76fe025.mjs (2.63 kB) (1.02 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/Markdown.3af32df0.mjs.map (2.3 kB) (801 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/Markdown.3af32df0.mjs (3 kB) (1.09 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/latest.8384fde2.mjs.map (3.09 kB) (1.05 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/latest.8384fde2.mjs (4.81 kB) (1.66 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.f93c721f.mjs.map (21.9 kB) (3.88 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.f93c721f.mjs (16.9 kB) (4.46 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.c860423c.mjs.map (4.7 kB) (1.41 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.c860423c.mjs (7.08 kB) (2.07 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.49680057.mjs.map (3.05 kB) (1.04 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/index.49680057.mjs (4.54 kB) (1.55 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-component.fcbda885.mjs.map (2.39 kB) (833 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-component.fcbda885.mjs (3.22 kB) (1.28 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-500.30f7b368.mjs.map (1.76 kB) (644 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-500.30f7b368.mjs (3.26 kB) (1.31 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-404.e710fbd9.mjs.map (2.5 kB) (878 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/error-404.e710fbd9.mjs (4.1 kB) (1.58 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/default.fc6ce65c.mjs.map (40.4 kB) (7.36 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/default.fc6ce65c.mjs (38.4 kB) (8.66 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentQuery.9687d2f5.mjs.map (5.72 kB) (1.21 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentQuery.9687d2f5.mjs (6 kB) (1.73 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentNavigation.81355e4a.mjs.map (3.19 kB) (981 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentNavigation.81355e4a.mjs (3.86 kB) (1.48 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentList.0b8ed9f1.mjs.map (2.65 kB) (817 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentList.0b8ed9f1.mjs (3.36 kB) (1.23 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentDoc.f6d3bfaf.mjs.map (4.24 kB) (1.15 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/ContentDoc.f6d3bfaf.mjs (4.76 kB) (1.6 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/client.manifest.mjs.map (10.1 kB) (1.05 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/client.manifest.mjs (18.2 kB) (1.91 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/Card.413c34fb.mjs.map (1 kB) (452 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/Card.413c34fb.mjs (2.13 kB) (897 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/about.e5c87f45.mjs.map (1.38 kB) (610 B gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/about.e5c87f45.mjs (2.49 kB) (1.06 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/
…topic_.e278543f.mjs.map (3.56 kB) (1.17 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/…topic.e278543f.mjs (5.21 kB) (1.74 kB gzip)
1:09:28 AM: β”œβ”€ .netlify/functions-internal/server/chunks/app/…slug.fd8da83b.mjs.map (4.8 kB) (1.37 kB gzip)
1:09:28 AM: └─ .netlify/functions-internal/server/chunks/app/…slug.fd8da83b.mjs (6.76 kB) (1.9 kB gzip)
1:09:28 AM: Ξ£ Total size: 27.1 MB (9.53 MB gzip)
1:09:28 AM: ​
1:09:28 AM: (build.command completed in 35.8s)
1:09:28 AM: ​
1:09:28 AM: ────────────────────────────────────────────────────────────────
1:09:28 AM: 2. Functions bundling
1:09:28 AM: ────────────────────────────────────────────────────────────────
1:09:28 AM: ​
1:09:28 AM: Packaging Functions from .netlify/functions-internal directory:
1:09:28 AM: - server/server.ts
1:09:28 AM: ​
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/ufo/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:2:7:
1:09:29 AM: 2 β”‚ import β€˜ufo’;
1:09:29 AM: β•΅ ~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/ufo/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/h3/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:4:7:
1:09:29 AM: 4 β”‚ import β€˜h3’;
1:09:29 AM: β•΅ ~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/h3/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/ohmyfetch/dist/node.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:5:7:
1:09:29 AM: 5 β”‚ import β€˜ohmyfetch’;
1:09:29 AM: β•΅ ~~~~~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/ohmyfetch/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/radix3/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:7:7:
1:09:29 AM: 7 β”‚ import β€˜radix3’;
1:09:29 AM: β•΅ ~~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/radix3/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/scule/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:10:7:
1:09:29 AM: 10 β”‚ import β€˜scule’;
1:09:29 AM: β•΅ ~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/scule/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/ohash/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:11:7:
1:09:29 AM: 11 β”‚ import β€˜ohash’;
1:09:29 AM: β•΅ ~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/ohash/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/unstorage/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:12:7:
1:09:29 AM: 12 β”‚ import β€˜unstorage’;
1:09:29 AM: β•΅ ~~~~~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/unstorage/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/unstorage/dist/drivers/overlay.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:13:7:
1:09:29 AM: 13 β”‚ import β€˜unstorage/drivers/overlay’;
1:09:29 AM: β•΅ ~~~~~~~~~~~~~~~~~~~~~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/unstorage/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/unstorage/dist/drivers/memory.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:14:7:
1:09:29 AM: 14 β”‚ import β€˜unstorage/drivers/memory’;
1:09:29 AM: β•΅ ~~~~~~~~~~~~~~~~~~~~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/unstorage/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: β–² [WARNING] Ignoring this import because β€œ.netlify/functions-internal/server/node_modules/pathe/dist/index.mjs” was marked as having no side effects
1:09:29 AM: .netlify/functions-internal/server/server.ts:17:7:
1:09:29 AM: 17 β”‚ import β€˜pathe’;
1:09:29 AM: β•΅ ~~~~~~~
1:09:29 AM: β€œsideEffects” is false in the enclosing β€œpackage.json” file
1:09:29 AM: .netlify/functions-internal/server/node_modules/pathe/package.json:7:2:
1:09:29 AM: 7 β”‚ β€œsideEffects”: false,
1:09:29 AM: β•΅ ~~~~~~~~~~~~~
1:09:29 AM: 10 of 1338 warnings shown (disable the message limit with --log-limit=0)
1:09:30 AM: ​
1:09:30 AM: ❯ Functions bundled with warnings:
1:09:30 AM: - server.zip
1:09:30 AM: ​
1:09:30 AM: (Functions bundling completed in 2.4s)
1:09:30 AM: ​
1:09:30 AM: ────────────────────────────────────────────────────────────────
1:09:30 AM: 3. Deploy site
1:09:30 AM: ────────────────────────────────────────────────────────────────
1:09:30 AM: ​
1:09:30 AM: Starting to deploy site from β€˜dist’
1:09:30 AM: Creating deploy tree
1:09:30 AM: Creating deploy upload records
1:09:31 AM: 52 new files to upload
1:09:31 AM: 1 new functions to upload
1:09:38 AM: Site deploy was successfully initiated
1:09:38 AM: ​
1:09:38 AM: (Deploy site completed in 7.3s)
1:09:38 AM: ​
1:09:38 AM: ────────────────────────────────────────────────────────────────
1:09:38 AM: Netlify Build Complete
1:09:38 AM: ────────────────────────────────────────────────────────────────
1:09:38 AM: ​
1:09:38 AM: (Netlify Build completed in 45.6s)
1:09:38 AM: Starting post processing
1:09:38 AM: Post processing - HTML
1:09:38 AM: Caching artifacts
1:09:38 AM: Started saving node modules
1:09:38 AM: Finished saving node modules
1:09:38 AM: Started saving build plugins
1:09:38 AM: Finished saving build plugins
1:09:38 AM: Started saving yarn cache
1:09:38 AM: Post processing - header rules
1:09:38 AM: Post processing - redirect rules
1:09:38 AM: Post processing done
1:09:40 AM: Finished saving yarn cache
1:09:40 AM: Started saving pip cache
1:09:41 AM: Finished saving pip cache
1:09:41 AM: Started saving emacs cask dependencies
1:09:41 AM: Finished saving emacs cask dependencies
1:09:41 AM: Started saving maven dependencies
1:09:41 AM: Finished saving maven dependencies
1:09:41 AM: Started saving boot dependencies
1:09:41 AM: Finished saving boot dependencies
1:09:41 AM: Started saving rust rustup cache
1:09:41 AM: Finished saving rust rustup cache
1:09:41 AM: Started saving go dependencies
1:09:41 AM: Finished saving go dependencies
1:09:41 AM: Build script success
1:09:42 AM: Site is live :sparkles:
1:09:48 AM: Uploading Cache of size 595.6MB
1:09:52 AM: Finished processing build request in 1m28.032390913s

Based on this:

You’ll have to use Netlify Large Media as Nuxt Image doesn’t seem to be directly compatible with Netlify - their docs have better guides for other providers.

You can use this:

Which is something we use for Next.js sites using Next.js plugin on Netlify. You could create a module for Nuxt too.

Lastly, I can see that you’re using files from static directory, you could simply use <img> tags too.

I really appreciate your response. Thanks.

1 Like

This is not the case.

Per nuxt-image docs:

Nuxt Image comes with a preconfigured instance of unjs/ipx. An open source, self-hosted image optimizer based on lovell/sharp.

I’m encountering the same issues.

I’ve responded to your thread: 404 image error on build

As far as the docs are concerned, they deal with a Node.js server that would provide a file-system like access to the images. That’s not possible on Netlify. Function bundles are treated separately and run on separate infrastructure.

Even if we’re building the nuxt project out as static using nuxt generate, not nuxt build?

On localhost, the _ipx directory of images appears to generate along side, within the same directory as all the other files.

But, you’re saying that’s still treated as a function bundle?

No, with nuxt generate there’s no Function to treat it as Function bundle. It should be directly accessible as long as it’s deployed.

Hello all!

I was running into the same issue - it seems like the build process on the Netlify side is skipping generating the images when the built-in unjs/ipx provider is used.

However, I was able to generate the images and correctly deploy the site setting my build command to pnpm run generate, dist as the deploy folder, and building using the netlify-cli.

One-command deploy with netlify build && netlify deploy --prod

:tada:

1 Like

Hi @petarmihaylov , Thank you for the response.
Please can you share the exact and full package.json script?

I see you said pnpm run generate but I don’t know what that generate does under the hood…?