La siguiente asignación de className de viento de cola funciona correctamente cuando se ejecuta el servidor en modo de desarrollo:

 <Link href='#pop' className='w-full text-black no-underline'>

Específicamente, la clase no-underline se convierte en

 text-decoration-line: none;

como se muestra en las herramientas de desarrollo de Chrome.

Cuando ejecuto lo siguiente desde el comando como

 NODE_ENV=production npm run build && npm start

ahora el mismo elemento tiene

 text-decoration: underline;

Esto da como resultado un error en la interfaz de usuario en el que la etiqueta de anclaje ya no se muestra correctamente, como ocurría en el desarrollo.

 // tailwind.config.js module.exports = { content: [ './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', ], theme: { extend: {}, }, plugins: [], };

 // postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }

 /* global.css */ @tailwind base; @tailwind components; @tailwind utilities; @layer base { body { height: 100vh; } .section-title { @apply font-bold pb-3 text-2xl; } .section { @apply py-6; } .discog-box { @apply bg-white p-3 flex content-center flex-col; } .text-shadow-custom { text-shadow: 2px 2px 4px #000; } }

Hay varias otras asignaciones de className de viento de cola que no funcionan correctamente. Por esta razón, cuando implemento mi aplicación en Vercel, en este caso, la interfaz de usuario está totalmente rota: https://tunester-8f737wgsk-currenthandle.vercel.app/

https://github.com/currenthandle/tunester/blob/no-moralis/components/IndexPageSideBar.js#L18