Skip to main content
adicion de informacio necesaria
Origen Enlace

a continuacion un componente donde llamos algunas imagenes para que vean como las llamo:

    export const StartPage = () => {
    return(
        <div className="startPage">
            <img className="welcomeLogo" src="../src/img/LozanoTechIsotipoBlue.png"/>
            <h1>Hola!</h1>
            <p>
                Somos un proyecto pequeño dedicado a llevar a cabo reparaciones
                accesibles y de calidad en equipos de escritorio y laptops para
                hogares, pequeñas empresas y estudiantes.
            </p>

            <div className="StartInfoContainer">
                <img className="roundImage" src="./src/img/ref1.png"/>
                <div className="left">
                    <h1>Tu tiempo vale oro</h1>
                    <p>
                        Nos enfocamos en ofrecerte toda la calidad de nuestro servicio
                        siempre en tiempo record ya que sabemos que necesitas tu equipo
                        para continuar con tu trabajo o simplemente quieres disfrutar
                        de el y estamos concientes de ello.
                    </p>
                </div>
            </div>

            <div className="StartInfoContainer">
                <div className="right">
                    <h1>Todo a medida</h1>
                    <p>
                        Somos especialistas en realizar mejoras y ensamblajes
                        de acuerdo a tus necesidades para que no gastes de mas
                        ni obtengas un bajo rendimiento.
                    </p>
                </div>
                <img src="./src/img/ref2.png"/>
            </div>

            <div className="StartInfoContainer">
                <img className="roundImage" src="./src/img/ref3.jpg"/>
                <div className="left">
                    <h1>Mas que solo reparaciones</h1>
                    <p>
                        Contamos con muchos mas servicios que solo reparaciones o
                        mantenimiento preventivo, tenemos una amplia variedad de
                        servicios. Para conocer mas presiona <span>aqui</span>
                    </p>
                </div>
            </div>
        </div>
    )
}

y el archivo vite.config.js es el predeterminado:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

¿Alguna idea de cuál pueda ser el problema?

¿Alguna idea de cuál pueda ser el problema?

a continuacion un componente donde llamos algunas imagenes para que vean como las llamo:

    export const StartPage = () => {
    return(
        <div className="startPage">
            <img className="welcomeLogo" src="../src/img/LozanoTechIsotipoBlue.png"/>
            <h1>Hola!</h1>
            <p>
                Somos un proyecto pequeño dedicado a llevar a cabo reparaciones
                accesibles y de calidad en equipos de escritorio y laptops para
                hogares, pequeñas empresas y estudiantes.
            </p>

            <div className="StartInfoContainer">
                <img className="roundImage" src="./src/img/ref1.png"/>
                <div className="left">
                    <h1>Tu tiempo vale oro</h1>
                    <p>
                        Nos enfocamos en ofrecerte toda la calidad de nuestro servicio
                        siempre en tiempo record ya que sabemos que necesitas tu equipo
                        para continuar con tu trabajo o simplemente quieres disfrutar
                        de el y estamos concientes de ello.
                    </p>
                </div>
            </div>

            <div className="StartInfoContainer">
                <div className="right">
                    <h1>Todo a medida</h1>
                    <p>
                        Somos especialistas en realizar mejoras y ensamblajes
                        de acuerdo a tus necesidades para que no gastes de mas
                        ni obtengas un bajo rendimiento.
                    </p>
                </div>
                <img src="./src/img/ref2.png"/>
            </div>

            <div className="StartInfoContainer">
                <img className="roundImage" src="./src/img/ref3.jpg"/>
                <div className="left">
                    <h1>Mas que solo reparaciones</h1>
                    <p>
                        Contamos con muchos mas servicios que solo reparaciones o
                        mantenimiento preventivo, tenemos una amplia variedad de
                        servicios. Para conocer mas presiona <span>aqui</span>
                    </p>
                </div>
            </div>
        </div>
    )
}

y el archivo vite.config.js es el predeterminado:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

¿Alguna idea de cuál pueda ser el problema?

mejor formato. Leves correcciones de ortografía.
Origen Enlace
fredyfx
  • 13.2k
  • 11
  • 33
  • 65

estoy tabajandoEstoy trabajando en una web app de reactreact y estoy utilizando vitevite para manejarla, el.

El problema es que al momento de compilar para produccionproducción no toma en cuenta las imagenesimágenes que utilizo en ningunningún componente, solo son visibles algunas imagenesimágenes que aplico como fondos desde la hoja de estilos SCSShoja de estilos SCSS. Utilice

Utilicé los comandos de "npm run build"npm run build y "npm run preview"npm run preview y asiasí es como no puedo vizualizarvisualizar las imagenesimágenes, si corro el proyecto en modo de desarrollo con "npm run dev"npm run dev todo bien. Alguna

¿Alguna idea de cualcuál pueda ser el problema?

estoy tabajando en una web app de react y estoy utilizando vite para manejarla, el problema es que al momento de compilar para produccion no toma en cuenta las imagenes que utilizo en ningun componente, solo son visibles algunas imagenes que aplico como fondos desde la hoja de estilos SCSS. Utilice los comandos de "npm run build" y "npm run preview" y asi es como no puedo vizualizar las imagenes, si corro el proyecto en modo de desarrollo con "npm run dev" todo bien. Alguna idea de cual pueda ser el problema?

Estoy trabajando en una web app de react y estoy utilizando vite para manejarla.

El problema es que al momento de compilar para producción no toma en cuenta las imágenes que utilizo en ningún componente, solo son visibles algunas imágenes que aplico como fondos desde la hoja de estilos SCSS.

Utilicé los comandos de npm run build y npm run preview y así es como no puedo visualizar las imágenes, si corro el proyecto en modo de desarrollo con npm run dev todo bien.

¿Alguna idea de cuál pueda ser el problema?

Origen Enlace

Vite no compila mis imagenes a produccion

estoy tabajando en una web app de react y estoy utilizando vite para manejarla, el problema es que al momento de compilar para produccion no toma en cuenta las imagenes que utilizo en ningun componente, solo son visibles algunas imagenes que aplico como fondos desde la hoja de estilos SCSS. Utilice los comandos de "npm run build" y "npm run preview" y asi es como no puedo vizualizar las imagenes, si corro el proyecto en modo de desarrollo con "npm run dev" todo bien. Alguna idea de cual pueda ser el problema?