keystonejs / keystonejs/keystone

PNG in Custom Logo causes silent build failure.

Open
#7,086 6 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
10k
Forks
1.3k
Avg merge
19h 14m
Merged PRs (30d)
19

Description

Follow the custom logo flow and add a png
```
/** @jsxRuntime classic */
/** @jsx jsx */
import Link from 'next/link';
import { jsx, H3 } from '@keystone-ui/core';
import Logo from './Logo.png';

export const CustomLogo = () => {
return (





LegendBoulder After



);
};
```
Run `yarn build`

The build should complete successfully, it instead hangs indefinitely.
This flow works fine in `yarn dev`

Screen Shot 2021-12-14 at 9 27 39 am

Replicated both within the keystone repo and in an external reproduction.
Replicated in node 14.17, but appears to be the case in multiple node versions.
Likely a next build issue, that isn't being surfaced.

Original report here: https://keystonejs.slack.com/archives/C01STDMEW3S/p1639128427068300

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the custom logo flow with the PNG import shown in the issue and run `yarn build`, comparing it with `yarn dev`. Trace the Next.js build path for the custom logo and determine why the build hangs without reporting an error; done means the reproduction builds successfully and the failure is surfaced or resolved.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, typescript
Domain
build-system, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.