DECIMO INSTALACIÓN

 npm install react@19.1.0 react-dom@19.1.0



npm install --save-dev @eslint/js@9.30.1 @types/react@19.1.8 @types/react-dom@19.1.6 @vitejs/plugin-react@4.6.0 autoprefixer@10.4.21 eslint@9.30.1 eslint-plugin-react-hooks@5.2.0 eslint-plugin-react-refresh@0.4.20 globals@16.3.0 postcss@8.4.39 tailwindcss@3.4.17 vite@5.3.5


COPIAR: 

npm install -D tailwindcss postcss autoprefixer

PRIMERO

/** @type {import('tailwindcss').Config} */

export default {

  content: [

    "./index.html",

    "./src/**/*.{js,ts,jsx,tsx}",

  ],

  theme: {

    extend: {},

  },

  plugins: [],

}

SEGUNDO: 

@tailwind base;

@tailwind components;

@tailwind utilities;


TERCER:

import React from 'react';

function App() {

  return (

    <div className="flex justify-center items-center h-screen bg-white">

      <h1 className="text-4xl font-extrabold text-blue-700">

        HOLA MUNDO COHETE

      </h1>

    </div>

  );

}

export default App;

CUARTO: 

import React from 'react';

import ReactDOM from 'react-dom/client';

import App from './App.jsx';

import './index.css';

ReactDOM.createRoot(document.getElementById('root')).render(

  <React.StrictMode>

    <App />

  </React.StrictMode>,

);

    <link rel="preconnect" href="https://fonts.googleapis.com">

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400:700&display=swap" rel="stylesheet">

PARA EL ERROR:

export default { plugins: { tailwindcss: {}, autoprefixer: {}, }, };