Hi there, I’m building a netlify website called https://litengine.org / https://litengine.netlify.app and I’m noticing that most of the images aren’t being rendered. However they are being downloaded to the client side. Here’s my build log:
1:17:04 PM: build-image version: ecdc8b770f4a0193fd3f258c1bc6029e681813a4 (focal)
1:17:04 PM: buildbot version: 31384b9071289c6a22c9a280fe11b85737b6fd56
1:17:04 PM: Building without cache
1:17:04 PM: Starting to prepare the repo for build
1:17:05 PM: No cached dependencies found. Cloning fresh repo
1:17:05 PM: git clone --filter=blob:none https://github.com/luis605/Lit-Website
1:17:05 PM: Preparing Git Reference refs/heads/main
1:17:10 PM: Starting to install dependencies
1:17:11 PM: Python version set to 3.8
1:17:11 PM: Attempting Ruby version 2.7.2, read from environment
1:17:11 PM: Using Ruby version 2.7.2
1:17:12 PM: Started restoring cached go cache
1:17:12 PM: Finished restoring cached go cache
1:17:13 PM: go version go1.19.13 linux/amd64
1:17:14 PM: Using PHP version 8.0
1:17:15 PM: v18.20.4 is already installed.
1:17:16 PM: Now using node v18.20.4 (npm v10.7.0)
1:17:16 PM: Enabling Node.js Corepack
1:17:16 PM: Started restoring cached build plugins
1:17:16 PM: Finished restoring cached build plugins
1:17:16 PM: Started restoring cached corepack dependencies
1:17:16 PM: Finished restoring cached corepack dependencies
1:17:16 PM: No npm workspaces detected
1:17:16 PM: Started restoring cached node modules
1:17:16 PM: Finished restoring cached node modules
1:17:16 PM: Installing npm packages using npm version 10.7.0
1:17:17 PM: added 41 packages, and audited 44 packages in 708ms
1:17:17 PM: 4 packages are looking for funding
1:17:17 PM: run `npm fund` for details
1:17:17 PM: found 0 vulnerabilities
1:17:17 PM: npm packages installed
1:17:17 PM: Successfully installed dependencies
1:17:17 PM: Starting build script
1:17:18 PM: Detected 0 framework(s)
1:17:18 PM: Section completed: initializing
1:17:19 PM:
1:17:19 PM: Netlify Build
1:17:19 PM: ────────────────────────────────────────────────────────────────
1:17:19 PM:
1:17:19 PM: ❯ Version
1:17:19 PM: @netlify/build 29.54.0
1:17:19 PM:
1:17:19 PM: ❯ Flags
1:17:19 PM: accountId: 601270e9ebf8ff875ccb2579
1:17:19 PM: baseRelDir: true
1:17:19 PM: buildId: 66d066b72636b4009472f293
1:17:19 PM: deployId: 66d066b72636b4009472f295
1:17:20 PM:
1:17:20 PM: ❯ Current directory
1:17:20 PM: /opt/build/repo
1:17:20 PM:
1:17:20 PM: ❯ Config file
1:17:20 PM: /opt/build/repo/netlify.toml
1:17:20 PM:
1:17:20 PM: ❯ Context
1:17:20 PM: production
1:17:20 PM:
1:17:20 PM: ❯ Installing plugins
1:17:20 PM: - netlify-plugin-submit-sitemap@0.4.0
1:17:20 PM: - netlify-plugin-inline-critical-css@2.0.0
1:17:20 PM: - @netlify/plugin-sitemap@0.8.1
1:17:20 PM: - netlify-plugin-inline-source@1.0.4
1:17:20 PM: - netlify-plugin-no-more-404@0.0.15
1:17:20 PM: - netlify-plugin-cloudinary@1.17.0
1:17:20 PM: - @netlify/plugin-lighthouse@6.0.0
1:17:56 PM:
1:17:56 PM: ❯ Installing integrations
1:17:56 PM: - dynamic-csp
1:18:07 PM:
1:18:07 PM: ❯ Loading plugins
1:18:07 PM: - netlify-plugin-submit-sitemap@0.4.0 from Netlify app
1:18:07 PM: - netlify-plugin-inline-critical-css@2.0.0 from Netlify app
1:18:07 PM: - @netlify/plugin-sitemap@0.8.1 from Netlify app
1:18:07 PM: - netlify-plugin-inline-source@1.0.4 from Netlify app
1:18:07 PM: - netlify-plugin-no-more-404@0.0.15 from Netlify app
1:18:07 PM: - netlify-plugin-cloudinary@1.17.0 from Netlify app
1:18:07 PM: - @netlify/plugin-lighthouse@6.0.0 from Netlify app
1:18:07 PM:
1:18:07 PM: ❯ Loading integrations
1:18:07 PM: - dynamic-csp
1:18:12 PM: Failed to fetch build context, skipping
1:18:12 PM:
1:18:12 PM: Build command from Netlify app
1:18:12 PM: ────────────────────────────────────────────────────────────────
1:18:12 PM:
1:18:12 PM: $ npm install && npm run build-css && npm run build-js && npm run build-html
1:18:13 PM: up to date, audited 44 packages in 529ms
1:18:13 PM: 4 packages are looking for funding
1:18:13 PM: run `npm fund` for details
1:18:13 PM: found 0 vulnerabilities
1:18:13 PM: > lively-engine---website@1.0.0 build-css
1:18:13 PM: > sass index-main.scss index.css --no-source-map --style compressed && sass blog/index.css blog/index.min.css --no-source-map --style compressed && sass download.scss download.css --no-source-map --style compressed && sass manual/index.scss manual/index.css --no-source-map --style compressed
1:18:14 PM: > lively-engine---website@1.0.0 build-js
1:18:14 PM: > npx terser index.js -o index.min.js && npx terser download.js -o download.min.js && npx terser manual/highlight.js -o manual/highlight.min.js
1:18:16 PM: > lively-engine---website@1.0.0 build-html
1:18:16 PM: > html-minifier-terser index-large.html --output index.html --collapse-whitespace --remove-comments --minify-css --minify-js --remove-redundant-attributes --remove-script-type-attributes --remove-style-link-type-attributes --remove-tag-whitespace --sort-class-name --sort-attributes && html-minifier-terser downloads-large.html --output download.html --collapse-whitespace --remove-comments --minify-css --minify-js --remove-redundant-attributes --remove-script-type-attributes --remove-style-link-type-attributes --remove-tag-whitespace --sort-class-name --sort-attributes
1:18:16 PM:
1:18:16 PM: (build.command completed in 3.9s)
1:18:16 PM: [Cloudinary] Creating redirects...
1:18:16 PM: [Cloudinary] Using host: https://litengine.org
1:18:16 PM: [Cloudinary] No image files found in /images
1:18:16 PM: [Cloudinary] Did you update your images path? You can set the imagesPath input in your Netlify config.
1:18:16 PM:
1:18:16 PM: netlify-plugin-cloudinary (onBuild event)
1:18:16 PM: ────────────────────────────────────────────────────────────────
1:18:16 PM:
1:18:16 PM: Netlify configuration property "redirects" value changed to [
1:18:16 PM: {
1:18:16 PM: from: '/images/*',
1:18:16 PM: to: 'https://res.cloudinary.com/drobbdujy/image/fetch/f_auto,q_auto/https://litengine.org/cld-assets/images/:splat?_a=BBFAAAAA0',
1:18:16 PM: status: 302,
1:18:16 PM: force: true
1:18:16 PM: },
1:18:16 PM: {
1:18:16 PM: from: '/cld-assets/images/*',
1:18:16 PM: to: '/images/:splat',
1:18:16 PM: status: 200,
1:18:16 PM: force: true
1:18:16 PM: }
1:18:16 PM: ].
1:18:16 PM:
1:18:16 PM: (netlify-plugin-cloudinary onBuild completed in 72ms)
1:18:31 PM: Critical CSS successfully inlined!
1:18:31 PM: Creating sitemap from files...
1:18:31 PM: Sitemap Built! sitemap.xml
1:18:31 PM: Sources successfully inlined!
1:18:31 PM: wasm streaming compile failed: TypeError: Failed to parse URL from /opt/build/repo/.netlify/plugins/node_modules/netlify-redirector/lib/redirects.wasm
1:18:31 PM: falling back to ArrayBuffer instantiation
1:18:32 PM: html manifest saved for next run
1:18:32 PM: [Cloudinary] Replacing on-page images with Cloudinary URLs...
1:18:32 PM: [Cloudinary] Using host: https://litengine.org
1:18:32 PM:
1:18:32 PM: Deploy site
1:18:32 PM: ────────────────────────────────────────────────────────────────
1:18:32 PM:
1:18:32 PM: Starting to deploy site from ''
1:18:33 PM: Starting post processing
1:18:33 PM: Post processing - Forms
1:18:33 PM: Calculating files to upload
1:18:33 PM: 21 new file(s) to upload
1:18:33 PM: 0 new function(s) to upload
1:18:33 PM: Section completed: deploying
1:18:34 PM: Post processing done
1:18:34 PM: Section completed: postprocessing
1:18:34 PM: Post processing - header rules
1:18:34 PM: Post processing - redirect rules
1:18:35 PM: Site is live ✨
1:18:35 PM: Finished waiting for live deploy in 2.038s
1:18:35 PM: Site deploy was successfully initiated
1:18:35 PM:
1:18:35 PM: (Deploy site completed in 3s)
1:18:35 PM: Going to submit sitemap to google
1:18:35 PM: --> URL: https://www.google.com/ping?sitemap=https://litengine.org/sitemap.xml
1:18:35 PM: Going to submit sitemap to yandex
1:18:35 PM: --> URL: https://webmaster.yandex.ru/ping?sitemap=https://litengine.org/sitemap.xml
1:18:36 PM: ✓ DONE! Sitemap submitted succesfully to google
1:18:36 PM: ✓ DONE! Sitemap submitted succesfully to yandex
1:18:36 PM: Generating Lighthouse report. This may take a minute…
1:18:36 PM: Running Lighthouse on /
1:18:50 PM: Lighthouse scores for /
1:18:50 PM: - Performance: 96
1:18:50 PM: - Accessibility: 88
1:18:50 PM: - Best Practices: 100
1:18:50 PM: - SEO: 85
1:18:50 PM: - PWA: 50
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unpipe listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (Use `node --trace-warnings ...` to show where the warning was created)
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 error listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 finish listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 unpipe listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 error listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:50 PM: (node:5388) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 finish listeners added to [Socket]. Use emitter.setMaxListeners() to increase limit
1:18:51 PM:
1:18:51 PM: Netlify Build Complete
1:18:51 PM: ────────────────────────────────────────────────────────────────
1:18:51 PM:
1:18:51 PM: (Netlify Build completed in 1m 31.2s)
1:18:51 PM: Caching artifacts
1:18:51 PM: Started saving node modules
1:18:51 PM: Finished saving node modules
1:18:51 PM: Started saving build plugins
1:18:51 PM: Finished saving build plugins
1:18:51 PM: Started saving corepack cache
1:18:51 PM: Finished saving corepack cache
1:18:51 PM: Started saving pip cache
1:18:51 PM: Finished saving pip cache
1:18:51 PM: Started saving emacs cask dependencies
1:18:51 PM: Finished saving emacs cask dependencies
1:18:51 PM: Started saving maven dependencies
1:18:51 PM: Finished saving maven dependencies
1:18:51 PM: Started saving boot dependencies
1:18:51 PM: Finished saving boot dependencies
1:18:51 PM: Started saving rust rustup cache
1:18:51 PM: Finished saving rust rustup cache
1:18:51 PM: Started saving go dependencies
1:18:51 PM: Finished saving go dependencies
1:19:25 PM: Build script success
1:19:25 PM: Section completed: building
1:19:43 PM: Uploading Cache of size 422.1MB
1:19:44 PM: Section completed: cleanup
1:19:44 PM: Finished processing build request in 2m39.812s
I’ve searched for solutions online but they don’t answer my specific problem because the images aren’t getting rendered, but they are getting downloaded. The following screenshot shows the landing page with no image while monkeys.webp was downloaded:
I searched for errors in the console but there were none that were related to this issue.
