Preguntas con la etiqueta [vite]
Para preguntas relacionadas a la herramienta de desarrollo no-bundler (no-bundler build tool).
62
preguntas
-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 ...
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 ...
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 ...
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 ...
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",
...
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
...
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 ...
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-...
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 ...
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 ...
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 ...
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 ...
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 ...
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" ...
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....
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 ...
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 ...
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 ...
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
...
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
...
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 ...
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 ...
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 ...
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,
...
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 ...
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 = {
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 { ...
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:...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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" |...
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 ...
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-...
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 ...
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
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 ...
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 ...
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 ...
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 ...
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 ...