Skip to content

favicon.ico is broken in stackblitz but not in BOLT! #1576

@oppressionslayer

Description

@oppressionslayer

Describe the bug

This is a non-commercial version of StackBlitz.

If you’re using this for business purposes, please purchase a license here.

~/projects/stackblitz-starters-bybem9
❯ npm install && npx next dev
npm WARN deprecated [email protected]: Rimraf versions prior to v4 are no longer supported
npm WARN deprecated [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm WARN deprecated [email protected]: Glob versions prior to v9 are no longer supported
npm WARN deprecated [email protected]: This version is no longer supported. Please see https://eslint.org/version-support for other options.
npm WARN deprecated @humanwhocodes/[email protected]: Use @eslint/object-schema instead
npm WARN deprecated @humanwhocodes/[email protected]: Use @eslint/config-array instead

added 374 packages in 2s

141 packages are looking for funding
run npm fund for details
Downloading swc package @next/swc-wasm-nodejs...
⚠ Attempted to load @next/swc-linux-x64-gnu, but an error occurred: Cannot load native addon because loading addons is disabled: /home/projects/stackblitz-starters-bybem9/node_modules/@next/swc-linux-x64-gnu/next-swc.linux-x64-gnu.node
⚠ Attempted to load @next/swc-linux-x64-musl, but an error occurred: Cannot load native addon because loading addons is disabled: /home/projects/stackblitz-starters-bybem9/node_modules/@next/swc-linux-x64-musl/next-swc.linux-x64-musl.node
▲ Next.js 13.5.1

✓ Ready in 16.9s
○ compiling /page ...
X next-app-loader?name=app%2Fpage&page=%2Fpage&appPaths=%2Fpage&pagePath=private-next-app-dir%2Fpage.tsx&appDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!:13
Error: Image import "next-metadata-image-loader?type=favicon&segment=&basePath=&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js!/home/projects/stackblitz-starters-bybem9/app/favicon.ico?next_metadata" is not a valid image file. The image may be corrupted or an unsupported format.
X next-app-loader?name=app%2Fpage&page=%2Fpage&appPaths=%2Fpage&pagePath=private-next-app-dir%2Fpage.tsx&appDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!:13
Error: Image import "next-metadata-image-loader?type=favicon&segment=&basePath=&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js!/home/projects/stackblitz-starters-bybem9/app/favicon.ico?next_metadata" is not a valid image file. The image may be corrupted or an unsupported format.
X next-app-loader?name=app%2Fpage&page=%2Fpage&appPaths=%2Fpage&pagePath=private-next-app-dir%2Fpage.tsx&appDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9%2Fapp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=%2Fhome%2Fprojects%2Fstackblitz-starters-bybem9&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!:13
Error: Image import "next-metadata-image-loader?type=favicon&segment=&basePath=&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js!/home/projects/stackblitz-starters-bybem9/app/favicon.ico?next_metadata" is not a valid image file. The image may be corrupted or an unsupported format.

Link to the blitz that caused the error

https://stackblitz.com/edit/stackblitz-starters-bybem9?file=README.md

Steps to reproduce

  1. Just run the project in stackblitz and these errors show up.
  2. Run the prhect.
  3. Switch to BOLT and no issues at atll. Im running Google Chrome

Expected behavior

For this to have no error as in the BOLT environment

Parity with Local

Screenshots

No response

Platform

Browser name  = Chrome
Full version  = 130.0.0.0
Major version = 130
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 66719026,
  "usedJSHeapSize": 63136978,
  "jsHeapSizeLimit": 4294705152
}
Hash = 34c588ed

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions