Preguntas con la etiqueta [vite]

Para preguntas relacionadas a la herramienta de desarrollo no-bundler (no-bundler build tool).

Filtrar por
Ordenado por
Etiquetadas con
-1 votos
0 respuestas
19 vistas

Estoy usando REACT + VITE, el problema es que cuando hago un npm run build las .env no se compilan

Tengo el archivo en la ruta raiz del proyecto un .env el codigo es el siguiente import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export ...
Jhorman Nieto P's user avatar
0 votos
0 respuestas
4 vistas

Vite + React SPA no funciona en IOS

Estoy teniendo un problema con mi SPA. Resulta que está funciona de lo más bien con windows y Android, utilizando chrome como navegador, y en IOS (IPhone) utilizando Safari o Chrome no funciona, ni ...
BautistaCodes's user avatar
0 votos
0 respuestas
28 vistas

Error "Build Failed Command "npm run build" exited with 1 - RollupError: Could not resolve" al realizar deploy con vercel con vite-react js

actualmente terminé un projecto que hice para un curso de react js y estoy teniendo inconvenientes a la hora de realizar el deploy en vercel. Intenté cambiar la forma de importar los componentes, les ...
Eze Quevedo's user avatar
1 voto
0 respuestas
32 vistas

Por qué variable de entorno en Vite al importar (import.meta.env) sólo funciona en archivo ubicado en la raiz main.js?

Tengo el env.local en la raiz del proyecto de la siguiente manera: VITE_CONEXION=MIGAN VITE_PROVEEDOR=IS VITE_CONSULTA=CONSULTALABEL1 VITE_CIA=1 solo me funciona la importación de las variables en ...
fdoVillaquiran's user avatar
0 votos
0 respuestas
16 vistas

color primary de configuración en tailwind no está funcionando

Estoy trabajando con reactjs, tailwind, postcss, y vitejs, y tengo mi configuración de tailwind: /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", ...
Jesus Diaz's user avatar
2 votos
2 respuestas
26 vistas

Vue no carga componente en los archivos de views

Tengo un proyecto de Vue 3 con Vite. Quise implementar Vue-router, pero, al intentar cargar los componentes a los archivos de views no lo renderiza. Aquí muestro todo de manera más visual. router.js ...
jhojan ropero's user avatar
0 votos
0 respuestas
17 vistas

Problemas al usar el modulo fs y path con electro, vite, y react

en estos momentos me encuentro teniendo un problema bastante raro. Quiero leer un archivo .txt pero al usar los modulos path y fs, me tira un error y se rompe todo. Aca les dejo el codigo a ver si me ...
Cristhian Rios Vidal's user avatar
0 votos
1 respuesta
17 vistas

Eslint me notifica en rojo que dos reglas en el fichero .eslintrc.cjs requieren que la opción `strictNullChecks` este activada

No entiendo esa notificación porque mi fichero tsconfig.json tiene la opción y esta en true ,las dos reglas que me señala son : @typescript-eslint/no-unnecessary-condition, @typescript-eslint/prefer-...
jose osto's user avatar
0 votos
0 respuestas
19 vistas

RollupError: Could not resolve "./components/Header.jsx" from "src/App.jsx"

Buen dia! Estuve tratando de implementar una app para un curso que estoy haciendo. La habia podido implemenetar en su momento con Vercel. Me pidieron que hicera algunos cambios y ahora cuando trato de ...
Juan Francisco Schallibaum's user avatar
0 votos
3 respuestas
60 vistas

Archivos js personalizados para cada vista con Laravel y Vite

Soy nuevo en Laravel y Vite. Quiero crear distintos archivos .js para tener cierto orden en los scripts. El problema es que no sé cómo llamar a las funciones de estos scripts desde las vistas. Por ...
matsrom's user avatar
  • 29
0 votos
0 respuestas
22 vistas

Error entre Vite y React no renderiza el forntend

[ERROR] Unexpected end of file in JSON ../../tsconfig.json:1:0: 1 │ ╵ ^ failed to load config from C:\Users\nl\Documents\2do Cuat FULLSTACK\NUEVA\tpreact\vite.config.js error when starting dev ...
fulvia's user avatar
  • 1
0 votos
0 respuestas
48 vistas

hmr Invalidate React Vite

Estoy haciendo un proyecto en React utlizando Vite con typeScript + swc, y me aparece este error en la terminal: "[vite] hmr invalidate /src/context/Context.tsx Could not Fast Refresh. Learn more ...
user300807's user avatar
0 votos
0 respuestas
75 vistas

vite Bindings not found

Estoy teniendo un problema al ejecutar npm run dev. 12:29:39 [vite] Internal server error: Bindings not found. Plugin: vite:react-swc File: C:/Users/enzop/Desktop/myVite/src/main.jsx at ...
Enzo Peralta's user avatar
0 votos
1 respuesta
109 vistas

Error al hacer deploy en vercel

Estoy tratando de hacer deploy de mi app desarrollada en reactJS vite, a vercel pero me sale el siguiente error error during build: RollupError: Could not resolve "./Components/Wsp/Wsp" ...
Rafael Monroy Rodriguez's user avatar
0 votos
0 respuestas
27 vistas

Multiples compilaciones al presionar F5 en el navegador

me ha estado pasando un problema bastante extraño, cada vez que presiono F5 en el navegador me aparece en la terminal "build started...", esto es lo que hice: Hago mi script de vite.config....
Yetzín Ramírez's user avatar
1 voto
1 respuesta
49 vistas

vite react + Tailwind no toma colores

estoy realizando un componente usando react, vite y tailwind css, en este componente realizo una consulta a la api de github, la respuesta de esta consulta contiene un color entre otros atributos, ese ...
Don-Mandi's user avatar
0 votos
0 respuestas
29 vistas

Cómo inicio de manera normal con npm run dev

Todo funcionaba bien hasta que decidí instalar bootstrap con los siguientes comandos: npm i --save bootstrap @popperjs/core npm i --save-dev sass Y ahora cuando ejecuto npm run dev, no funciona y ...
Andres Tao's user avatar
0 votos
0 respuestas
30 vistas

integrar mi back con front usando Vite

Soy nuevo en esto de crear proyectos con vite, por favor disculpemen si hago preguntas algo bobas jajaj. Estoy practicando desarrollo web con Ionic-React en la parte del front y para el backend ...
Anderson Rodriguez's user avatar
0 votos
1 respuesta
74 vistas

react + vite + capacitor retorna pantalla negra en android

Al generar una aplicación desde cero de react con vite, funciona correctamente. creo aplicación npm init vite@latest dummy -- --template react cd dummy npm install npm run dev instalo capacitor ...
Gabriel Sule's user avatar
0 votos
1 respuesta
72 vistas

Laravel y Docker

tengo un proyecto en laravel9 y lo estoy migrando a docker, ya lo configure e instale las dependencias pero estoy teniendo un problema con los estilos de ccs con vite, ejecuto el comando npm run dev ...
Quintero Deivy's user avatar
0 votos
1 respuesta
214 vistas

Duda sobre npm run build con vite y react

Estoy comenzando a desarrollar mis proyectos web son React y vite. Sin embargo, me di cuenta que el proyecto como tal pesa demasiado (más de 50mb). Mi pregunta es ¿al correr el comando "npm run ...
Dev kaliper's user avatar
0 votos
0 respuestas
17 vistas

net:: ERR_CONNECTION_TIMED_OUT en algunos scripts de webapp de Laravel

No tengo idea de que causa este error a solo algunos de los scripts que tengo en mi proyecto ya hosteado en AWS en una VM Ubuntu 20.04 LTS. Solo se muestra en estos scripts en especifico y lo demas lo ...
LaraDev's user avatar
2 votos
0 respuestas
102 vistas

Error con php artisan serve

estoy con Laravel realizando un proyecto en el que he tenido que instalar Bootstrap (mi primera vez), también estoy utilizando Vite y ando un poco perdido pues desde que instalé Bootstrap no me ...
starnix's user avatar
  • 103
0 votos
0 respuestas
21 vistas

Problemas en deploy con react y firebase hosting

Estoy haciendo un deploy de un proyecto react + tailwind css, flowbite y firebase en firebase hosting, el problema cuando se realiza el deploy: solo sale una pantalla blanca y no se muestra la página, ...
Pablo0027's user avatar
0 votos
0 respuestas
5 vistas

Como importar estados de una Slice con los mismos metodos

1.Necesito importar dos Slices (pictogram y video) ambos con metodos find y clear, pero cuando importo el segundo (no importa el orden) me dice que find ya esta definida, estoy trabajando en un front ...
Diego Sánchez's user avatar
0 votos
0 respuestas
68 vistas

Vue 3 y vite buffer is not defined

Cuando importo la librería de mqtt en un proyecto de vue 3 con vite obtengo el siguiente error: ReferenceError: Buffer is not defined. La solución que he encontrado es para webpack: module.export = { ...
Fernando Mateos Cuartas's user avatar
0 votos
0 respuestas
148 vistas

Error al importar componente en vite

Estoy haciendo un proyecto de práctica y me arroja el siguiente error: [vite] Internal server error: Failed to resolve import "/components/Products.jsx" from "src\App.jsx". Does ...
Enzo's user avatar
  • 1
0 votos
0 respuestas
66 vistas

No me abre el localhost de vite react

Hola tengo un problema y es que al tratar de correr la pagína con el mando "npm run dev" solo me suelta error y no entiendo por qué e borrado y vuelto hacer todos los comandos desde la ...
Michell Correa's user avatar
0 votos
0 respuestas
128 vistas

InertiaJS con Vue2 en Laravel - Failed to resolve import "fsevents" - require() vs import()

Estoy intentando crear un proyecto para trabajarlo con Vue2 (requerimiento forzoso del cliente) e InertiaJS dentro de Laravel 9. Creé un nuevo proyecto de Laravel 9, seguí todos los pasos de la ...
Chris's user avatar
  • 950
0 votos
1 respuesta
47 vistas

No me crea la carpeta al instalar mi template

Estoy intentando crear una plantilla instalable con Vue 3. Ya hice todos los pasos hasta el punto de publicar mi plantilla. Ya probé y (creo) que sí se instala todo correctamente, pero ahorita lo que ...
Saco04's user avatar
  • 665
0 votos
0 respuestas
19 vistas

Generar multiples App de Vue 3 con Vite

Trabajo en una aplicación hecha en Django que tiene múltiples módulos, algunos de estos módulos usan Vue para dinamizar funcionalidades específicas. En total son 9 app de Vue y usamos webpack para ...
Juan Ignacio's user avatar
0 votos
0 respuestas
90 vistas

TypeError: $setup.t is not a function al ejecutar yarn test:unit

Estoy intentando realizar un test unitario de un componente bastante sencillo que utiliza traducciones con el módulo vue-i18n. Os dejo por aquí los ficheros utilizados: src/i18n/index.ts import { ...
AlbertGmzL's user avatar
0 votos
0 respuestas
58 vistas

Vitest: Los tests aparecen como skipped al añadir el fichero vitest.config.ts

Tengo problemas con la ejecución de tests en vitest al añadir un archivo de configuración vitest.config.ts. Si añado al package.json el siguiente comando: "scripts": { ... "test:...
AlbertGmzL's user avatar
0 votos
0 respuestas
23 vistas

Error de Cors en Proyecto generado por Vite [duplicada]

he estado realizando una aplicación con vue con la herramienta vite, y justo ahora estoy haciendo el npm run build para generar la aplicación, se genera correctamente, sin saltarme ningún error, pero ...
Httpsteban's user avatar
0 votos
0 respuestas
11 vistas

¿Cómo usar autoprefixer en vite?

Quería saber si alguien me podría ayudar en como usar autoprefixer en vite. Ya me he metido hasta al GitHub de autoprefixer y veo que no menciona a vite por ningún lado. Ya hice de todo y nada, la ...
ArrietA's user avatar
0 votos
2 respuestas
83 vistas

Error con las clases de tailwind junto con variables de javascritpt

Tengo un componente de react que recibe por props una variable llamada color, dependiendo de esa variable le establece el color a una alerta de tailwind, el problema es que la variable color no ...
Romera02's user avatar
1 voto
1 respuesta
320 vistas

Por qué mi proyecto de Laravel esta lento en Docker? (WSL2, Windows)

soy nuevo usando Docker, actualmente estoy haciendo un curso de Laravel sobre Docker, y realmente no me causa problemas al correrlo, pero cada vez que se refresca mi navegador carga un poco lento, ...
Cesar Reyna's user avatar
0 votos
0 respuestas
67 vistas

Injectar archivo js con Vite

Estoy desarrollando una app con VueJS+Vite. Dispongo de un fichero js con múltiples prototipos para Arrays, String, etc que me permiten funcionalidades muy concretas para estos tipos. Actualmente el ...
mangelro's user avatar
0 votos
0 respuestas
194 vistas

Error al importar archivo Js en react vite

Hola el error que me sale es el siguiente: [plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure ...
Rafael Monroy Rodriguez's user avatar
0 votos
0 respuestas
70 vistas

Mis Componentes React no se actualizan

Estoy siguiendo un curso de React usando vite. Resulta que cuando inicio el ordenador todo va bien pero pasado un tiempo no se ejecutan los cambios de estado en mis componentes react. Utilizo: npm run ...
Roberto Gabriel Jiménez's user avatar
0 votos
1 respuesta
90 vistas

IonIcon.d.ts(4, 5)El tipo esperado procede de la propiedad "name",que se declara aquí en el tipo "IntrinsicAttributes & HTMLAttributes<HTMLDivElement>

Soy un tanto nuevo con typescript y se me presentó un error: (property) name: "logo-github" | "logo-linkedin" | "mail-outline" | "search" | "repeat" |...
Miguel Linares's user avatar
0 votos
0 respuestas
23 vistas

Problemas para usa Swipeable

estoy intentando usar SwipeableList en una app que estoy creando con react, vite y tailwind, no me da un error como tal pero no carga los estilos del swipeable. Anteriormente he usado SwipeableList ...
luigui's user avatar
  • 11
0 votos
1 respuesta
62 vistas

error vite react No cargan los datos del backend en mobile celular [Posible solucion en proceso]

hay un error con vite react, no renderiza los datos del backend al fronted en mobile, pero usando /ping o rutas con res json el backend si responde. github:https://github.com/dev-ronaaldll/try-mern-...
devdariill's user avatar
0 votos
0 respuestas
23 vistas

¿Cómo obtener tickets de un usuario en especifico con mongoose-paginate?

Esta es la información que esta guardando mi base de datos Se esta guardando un objeto con la información del usuario que solicito el ticket, necesito traerme los ticket del usuario, como accedo o ...
Jorge Trejo's user avatar
0 votos
0 respuestas
106 vistas

error en instalar login breeze en laravel 9.32

Estoy empezando a utilizar laravel 9.32.0 y queria instalar brezze para su autentificacion al momento de utilizar el npm run dev se detiene
User23301's user avatar
0 votos
0 respuestas
201 vistas

Integrar proyecto vite+react con server express

Estoy aprendiendo a crear servers con express por un lado y a usar react por otro pero no encuentro información clara sobre como integrar ambos. Os dejo la desastrosa organización de mis carpetas por ...
Adrià Fàbrega's user avatar
0 votos
1 respuesta
1k vistas

Error al importar react-router-dom en React+Vite: "The requested module xxxx does not provide an export named yyyy"

Estoy tratando de crear una app, justo me inicio con React, he creado el proyecto con Vite y estoy tratando de importar router-react pero algo falla. Estoy usando "npm run dev" para probar ...
Adrià Fàbrega's user avatar
0 votos
0 respuestas
19 vistas

Compatibilidad con el navegador

Instalé algunas dependencias para usar Font Awesome en mi aplicación de React con Vite y me genera el siguiente error en consola: Esto hace que no se muestre ninguna vista de mi aplicación. ¿Cómo ...
Angel Vera's user avatar
0 votos
0 respuestas
126 vistas

Uncaught ReferenceError: globalThis is not defined

Tengo una aplicación de Laravel y vue que no me corre y me suelta este error en la consola. Corro el php y le intento dar a npm install && npm run dev Uncaught ReferenceError: globalThis is ...
Jose Lopez's user avatar
0 votos
1 respuesta
106 vistas

Error al instalar taildwind css - ' taildwindcss@latest is not in npm registry '

Hola acabo de empezar un proyecto personal con react usando vite con el comando npm create vite@latest, y todo ha ido bien, pero cuando he querido instalar taildwind css me pasa esto: Hice el ...
Juan Jesús's user avatar