saleor / storefront

Saleor Storefront built with React 18, Next.js 14, App Router, TypeScript, GraphQL, and Tailwind CSS.
https://storefront.saleor.io
BSD 3-Clause "New" or "Revised" License
1.01k stars 585 forks source link

Application error: a client-side exception has occurred (see the browser console for more information). #1088

Closed ViesLink closed 3 months ago

ViesLink commented 3 months ago

Summary

[Option 2] Manual install When I run the ‘pnpm dev’ command, the page appears normal for 1-2 seconds, then becomes blank and prompts “Application error: a client-side exception has occurred (see the browser console for more information).”

Steps to reproduce

1、git clone https://github.com/saleor/storefront.git 2、Copy-Item .env.example .env 3、NEXT_PUBLIC_SALEOR_API_URL=http://localhost:8000/graphql/ 4、npm install -g pnpm@8.9.0 5、pnpm i 6、pnpm dev

A link to a reproduction repository

No response

Output from envinfo

pnpm --version 8.9.0

graphql-codegen --config .graphqlrc.ts

✔ Parse Configuration ✔ Generate outputs

saleor-storefront@0.1.0 dev D:\soft\docker-image-from-url\storefront next dev

▲ Next.js 14.1.3

ViesLink commented 3 months ago

When I changed the file path to all lowercase, the problem was solved. But the front-end page feels very slow, while the dashboard is very smooth, and the other docker applications are very smooth.