Frontend doesn't render when there's an empty Prisma schema

[cprecioso]

Describe the bug

Write-up: https://www.notion.so/wasp-lang/Error-writeup-Browser-error-on-blank-project-20018a74854c80249e83ec893c7d6d91?pvs=4

wasp/core/serialization is calling @prisma/client as part of its logic. When the Prisma schema doesn't have any models, @prisma/client is an empty placeholder in the CJS format instead of ESM, which trips up Vite.

OTOH, it seems like this workaround is not needed anymore:

wasp/waspc/data/Generator/templates/react-app/vite.config.ts

Lines 44 to 54 in 014f661

	alias: [
	{
	// Vite doesn't look for `.prisma/client` imports in the `node_modules`
	// folder. We point it to the correct place here.
	find: /^\.prisma\/(.+)$/,
	replacement: path.join(
	"{= projectDir =}",
	"node_modules/.prisma/$1"
	),
	},
	],

To Reproduce

1. wasp new
2. wasp start
3. Browser is blank

Expected behavior

The template page shows up

Screenshots

Possible solutions

• Do not import @prisma/client from wasp/core/serialization if there aren't any Prisma models
• Wrap that import in a try..catch
• Create a Vite plugin that correctly resolves whether Prisma is being a CJS or ESM file
• Update Prisma
• Something else (?)

[jmeena660]

Please provide access to the Notion doc. In my case, it’s working fine. If you are using WSL to run the app and trying to render it on Windows, it might not work. You have to run Firefox installed in your WSL and open localhost:xxxx there. You can start it on firefox using -> firefox localhost:xxxx (command in wsl)

[cprecioso]

Hi, this is an error only present in the development version of Wasp. Release versions are not affected. You're good to go.