@tailwindcss/typography not included when building via Vercel?

(edited)

Hi v0 team, I have a project which if I view it on v0, the style works. However, if I deploy the v0 project to vercel, the style no longer works. My project relies on "/typography" package. I realized the package is not included in package.json when building in Vercel (https://vercel.com/kouddys-projects/v0-canada-service-directory-26l8xdrvvxz/6i4fjPswtJdiayQuYd81dTAyYxGV/source) In addition, tailwind.config.js doesn't have "/typography" imported either.

I tried to manually add package.json and tailwind.config.js in v0, however, the imports get stripped out when Vercel builts it

v0 chat is https://v0.dev/chat/xp7mFi3EUOT

Vercel Alum

Hi, Kouddy! Welcome to the Vercel Community

Your chat is no longer available - did you manage to get this fixed in the end?

ohh sorry about this Pauline.. Lemme try create a new chat with the issue and get back to you then

Hi Pauline, I was able to reproduce this with chat that is not deleted.

The chat is https://v0.dev/chat/kCTjSOf56eK. If you type "/posts/5-essential-questions-answered-whey-protein" in URL section of the chat's preview, the styles renders fine.

However, if you visit deployed version in https://n4hyjufgiwzafpcc.vercel.app/posts/5-essential-questions-answered-whey-protein, the style no longer applies. I believe this is because the deployed version doesn't include "/typography” package in https://vercel.com/kouddys-projects/v0-protein-affiliate-blog-xckcghob6kh/H2k2MGbnKPXwWhK2pyTkHnvenb8t/source

Thank you, David

I believe I'm experiencing the same issue. I'm using import { Orbitron } from 'next/font/google' with no trouble in my v0 project, but it doesn't use that font in production.

reply to #4

Hi , I am wondering if you were able to take a look at the new chat which has the problem?

Thank you, David

This topic is closed. It no longer accepts new replies.