Preguntas con la etiqueta [webpack]

Webpack es un empaquetador de módulos similar a Grunt o Gulp.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
27 vistas

Problemas con Webpack: consider using Buffer instead and decode when needed

He estado trabajando sobre un template que fue hecho con nextjs. He hecho varias modificaciones adaptando a requerimientos de quien lo adquirió, funcionaba bien hasta que empezó a dar este problema: &...
Alberto González's user avatar
1 voto
0 respuestas
6 vistas

MiniCssExtractPlugin no carga bien fuentes

Honestamente no parece tener relación, pero me ocurre que desde que uso el MiniCssExtractPlugin, el template.min.css que carga los estilos generales le está asignando una ruta más a las fuentes. Las ...
Bruno Osella's user avatar
0 votos
0 respuestas
10 vistas

No funcionan (reference) en less ni fuentes con Mini Extract Plugin

tengo un problema con mi webpack. Antes utilizabamos el style-loader para cargar tanto css como less, pero éso nos agregaba muchas etiquetas style en el head de la web y era muy pesado. Con ...
Bruno Osella's user avatar
0 votos
0 respuestas
8 vistas

Estoy intentando crear un lite server en webpack, y para ello instalé dependencia de node usando npm install. Al poner npm start esto fue lo q salio

Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\Users\Larguirucho\Documents\...
Ruben's user avatar
  • 1
1 voto
3 respuestas
567 vistas

Problema al instalar paquetes dependientes de otros en npm, error Conflicting peer dependency: [email protected]

Tengo el siguiente contenido en el package.json { "name": "@destacame/vuetiful-widgets", "main": "lib/index.js", "module": "lib/index.esm....
bypabloc_'s user avatar
  • 1,885
0 votos
0 respuestas
25 vistas

Cómo renderizar un preloader hecho con JS antes que el documento HTML?

Tengo una pagina web creada con js, tailwind y empaquetada con webpack que funciona bien excepto que al momento de renderizar el documento se muestra el maquetado por unos cuantos segundos y luego ...
micky rendon's user avatar
0 votos
0 respuestas
17 vistas

Tengo un error con next, no me levanta la app. Dice que es un error de expresion regular

SyntaxError: Invalid regular expression flags at Object.compileFunction (node:vm:352:18) at wrapSafe (node:internal/modules/cjs/loader:1033:15) at Module._compile (node:internal/modules/cjs/loader:...
edgarlopez241's user avatar
0 votos
0 respuestas
14 vistas

Error de copy-webpack-plugin [INFO] <e> no se puede localizar '\**\*' en '\**\*' - Windows

Estoy lidiando con esto hace ya varios días, al querer generar el war de un proyecto en Windows me encuentro con este error que surge al ejecutar mvn clean package Error de copy-webpack-plugin [INFO] ...
Adda's user avatar
  • 15
0 votos
0 respuestas
22 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
17 vistas

Loop de backend.bundle.js en aplicación de React

Estoy en una simple aplicación de react en la que consumo una API rest en unos componentes pero me muestra este mensaje en consola de manera continua al realizar acciones como ir a un link, realizar ...
Edison Jao5's user avatar
0 votos
0 respuestas
133 vistas

¿es posible cargar archivos .json de traducciones en producción con vue i18n y laravel?

He creado un sistema donde puedo editar las traducciones y generar nuevas traducciones personalizadas, donde genero un archivo JSON. el problema está que ala hora de generar el archivo en producción y ...
Ulices Ochoa's user avatar
0 votos
1 respuesta
116 vistas

¿Cómo cargar los estilos de angular material con webpack 5?

Tengo angular 12 y Webpack 5. Apenas estoy integrando webpack en la aplicación, al parecer ya carga las vistas, sin embargo, cargan sin estilos. Este es mi código en webpack.config.js const path = ...
FrEqDe's user avatar
  • 3,599
0 votos
1 respuesta
271 vistas

Laravel sin webpack

Creo un nuevo proyecto Laravel en mi ordenador con laravel new proyecto. El instalador descarga lo que necesita de internet y crea el proyecto, pero no incluye el archivo webpack.min.js para ...
Laura1995's user avatar
  • 727
0 votos
0 respuestas
410 vistas

Laravel no crea el archivo webpack.mix.js

Soy nuevo usando Laravel, estoy trabajando con laragon y he creado un proyecto, me he fijado que no se ha creado el archivo webpack.mix.js y lo necesito para configurar tailwind estoy usando la ...
Angel's user avatar
  • 1
1 voto
0 respuestas
66 vistas

Uso webpack en una aplicacion basica, pero no parece que este empaquetando el codigo correctamente

Mi problema esque quiero ejecutar esta aplicacion con webpack usando el servidor de pruebas de webpack el cual aun no consigo usar adecuadamente, siempre me da problemas, el codigo es bastante ...
KalyNotch's user avatar
2 votos
2 respuestas
417 vistas

No reconoce el @ de la carpeta src en Vue

Estoy haciendo un proyecto en Vue y para encontrar mis assets uso el @ para hacer referencia a la carpeta src, por ejemplo para hacer uso de mis fuentes en css: @font-face { font-family: "...
Romera02's user avatar
0 votos
1 respuesta
95 vistas

Error al importar modulo con webpack y laravel mix

Soy nuevo con todo esto de npm y webpack, siempre habia usado CDN. Estoy implementando la plantilla adminlte3 y ya conseguí importar algunos plugins que ya trae esta plantilla de la siguiente forma. ...
kevinrueda's user avatar
0 votos
1 respuesta
105 vistas

tengo un problema con mi aplicación de electron con react typescript, compilado con webpack :(

el problema que tengo es que no puedo usar el ipcrender de electron, en un componente de react hook. aqui esta, tanto la configuracion de electron y el preload import {app, BrowserWindow, ipcMain, ...
dylan guzman's user avatar
0 votos
0 respuestas
75 vistas

Evento onClick no funciona en React integrado en Symfony

Tengo una aplicación en symfony a la que le he habilitado react para crear un aside que me cargue las opciones del usuario. Symfony me carga la página y la etiqueta aside es renderizada por react. El ...
Diego García's user avatar
0 votos
0 respuestas
30 vistas

Error en webpack

tuve un error al usar webpack, alguno sabe como puedo solucionarlo? Otra cosa: que son los polyfill en webpack y para que sirven ?
GabrielAlejandro's user avatar
0 votos
1 respuesta
1k vistas

Problema con React o npm! Pantalla en blanco!

Al ejecutar npm start no da error alguno pero en el navegador se ve totalmente en blanco y sale este error en la consola. Aquí esta el archivo index.js import React from 'react'; import ReactDOM from ...
Alberto Rodríguez García's user avatar
0 votos
1 respuesta
44 vistas

¿Cómo pasar a producción varios JS con Webpack?

Muy buenas tardes, Estoy usando webpack, Mi pregunta es, Tengo un archivo index.js que es donde importo la app con express del archivo app.js, pero ahí puse igual la lógica del Frontend de la pagina y ...
Jafet Calcaneo's user avatar
0 votos
0 respuestas
82 vistas

laravel mix Error: Failed to find '~leaflet/dist/leaflet.css'

recientemente importé la librería leaftlet via npm i leaftlet la incluí en resources/js/app.js haciendo require require('leaflet/dist/leaflet.js'); y luego los estilos en resources/css/app.css ...
Andre's user avatar
  • 407
1 voto
1 respuesta
187 vistas

Como retornar el valor de una peticon get XMLHttpRequest con Java Script

Estoy tratando de hacer una petición XMLHttpRequest a una api, para eso cree la clase products cuyo constructor recibe la url, el metodo getSingle product hace la petición sin problema, posteriormente ...
John Osorio's user avatar
1 voto
0 respuestas
178 vistas

Cómo puedo importar componentes en Vue sin webpack, por CDN?

llevo un tiempo trabajando con Vue en un plugin propio de wordpress dónde no dispongo de webpack, por lo que no puedo usar el import, y debo añadir los componentes por CDN, algunos tienen su versión ...
Gerard Llanas's user avatar
1 voto
0 respuestas
57 vistas

Donde debo almacenar mis imágenes en vuex? /Assets o /static y porque?

No entiendo la diferencia y cuál debería usar.
fc0l's user avatar
  • 11
3 votos
2 respuestas
139 vistas

Exportar package.json en salida de webpack

estoy teniendo un problema con mi configuración de webpack. estoy teniendo varias entradas en mi archivo de configuración webpack.production.js mi problema es que al generar el build todos vienen con ...
DoubleM's user avatar
  • 1,273
2 votos
0 respuestas
131 vistas

Como aislar bootstrap y mis estilos para que no interfieran con otro proyecto

He construido una libreria JS que renderiza vistas usando metodos. El problema es que he utilizado bootstrap para la UI y cuando alguien importa la libreria mi bootstrap hace conflictos con el css del ...
berserk's user avatar
  • 21
1 voto
1 respuesta
108 vistas

porque me arroja localhost:8080 mi configuracion en webpack?

En la siguiente linea se podra apreciar mi configuracion la cual es simple, ya que estoy aprendiendo webpack, el problema es que al ejecutar el con "npm run start", me arroja el localhost a ...
Daniel Cordova's user avatar
0 votos
0 respuestas
54 vistas

problema con app de html y javascript: Failed to resolve module specifier "web3".Relative references must start with either "/", "./", or "../"

Estoy intentando ejecutar una aplicación de html y javascript que utiliza un import y me está generando ese error: Failed to resolve module specifier "web3".Relative references must start ...
javier's user avatar
  • 1
0 votos
1 respuesta
178 vistas

Problemas con importacion de EM6 con modulo de mongoose

Hola estoy levantando un back y estoy teniendo problemas con la importación de los modelos y los schemas de mongoose... y me esta sacando de quicio , una de mis opciones es ingresarle un bundler pero ...
Gabriel Caballero's user avatar
1 voto
1 respuesta
73 vistas

import en javascript en tiempo de ejecución con Webpack

Tengo un fichero que hace un import a un archivo de rutas del entorno que no existe hasta que la aplicación está desplegada en el servidor. Necesito que ese import se resuelva cuando está en ejecución ...
Paula Fernández Rubio's user avatar
1 voto
1 respuesta
280 vistas

El carrusel no renderiza cuando me muevo en las paginas con react-router

Estoy haciendo una pagina, de tipo ecommerce. Recién empiezo con react y un framework de css. Está en estado de desarrollo. Estoy usando MaterializeCSS, webpack y babel. El carrusel funciona bien ...
Ariel Esteban's user avatar
0 votos
0 respuestas
209 vistas

Combinar webpack con nodejs y express

quería hacer un proyecto personal con Node, Express y Webpack pero me di cuenta que necesito funciones un poco mas avanzadas en el lado del Frontend porque estaba utilizando js sin babel y esto podía ...
Yahir Antonio's user avatar
0 votos
1 respuesta
42 vistas

como ejecutar compilado webpack?

Si se genera un proyecto un proyecto con webpack para correrlo es forzoso correrlo bajo nginx??? o se puede ocupar apache, esto si es un desarrollo sin uso de framework como VUE, REACT o ANGULAR
Aldo Turijan's user avatar
0 votos
0 respuestas
165 vistas

esto es lo que me sale cuando ejecuto npm start, en el terminal de visual studio code, realmente ya no se que hacer, para solucionarlo

introducir la descripción de la imagen aquí [![introducir la descripción de la imagen aquí][2]][2]png
jose l's user avatar
  • 11
0 votos
1 respuesta
135 vistas

¿Cómo desactivar la optimización cuando utilizo webpack-dev-server?

Estoy utilizando el mismo archivo de configuración de webpack para desarrollo y producción, pero quiero que al momento de utilizar npx webpack serve --mode development no minifique el bundle. En ...
alanusse's user avatar
1 voto
0 respuestas
46 vistas

No logro hacer funcionar loader de sass en webpack 5

Estoy usando esta config de webpack de este repo https://github.com/santiagoOjeda/react-boilerplate.git, en el branch enhancement/sass-loader Alguna idea de que esta mal, me da el siguiente msj: RROR ...
Santiago's user avatar
1 voto
1 respuesta
1k vistas

error en el comando "npm run build"

Tengo un problema al ejecutar el comando npm run build, el codigo que se muestra abajo es la configucacion que uso en el archivo webpack.config.js: const HtmlWebPackPlugin = require('html-webpack-...
Oryon's user avatar
  • 33
0 votos
0 respuestas
314 vistas

Error al ejecutar npm run dev en node console

Estoy siguiendo un tutorial de API REST con Laravel y Vue JS, he creado unos componentes y unas rutas, pero al ejecutar el comando "npm run dev" obtengo un error: He leído la documentación ...
Diego Martinez's user avatar
0 votos
1 respuesta
305 vistas

¿Cómo obtener todos los datos de un formulario que está en un componente hijo desde un Componente Padre? Vue JS

Tengo un Componente Hijo que renderiza dinámicamente controles de formulario a partir de un esquema JSON proporcionado por un Componente Padre. Quiero recuperar los datos del formulario al dar clic en ...
Hugo Mixer BS's user avatar
4 votos
3 respuestas
8k vistas

npm run watch no funciona mix watch

Bueno estoy practicando para crear un crud con laravel y tailwindcss, eh intentado varias cosas para solucionarlo, y creo que tiene que ver con npm o tal vez algo me falta con el webpack,me resultan ...
piratadelrock's user avatar
0 votos
1 respuesta
159 vistas

Renderizar 2 Htmls, 2 reactDOM

Estoy intentando renderizar dos reactDom en dos archivos HTML distintos (respectivamente). Utilizando webpack. dentro esta: [app.html] <body> <div id="root"></div> ...
Isaac Martinez's user avatar
1 voto
0 respuestas
40 vistas

¿Cómo solucionar Error: Module Federation only works with Webpack 5 al intentar usar en el proyecto micro-frontend de Next.js 10?

Estoy tratando de desarrollar microfrontend en un proyecto NextJs 10 como se describe en https://gist.github.com/jherr/dd10bc34448590a2661a0c6acbcc7e8a/revisions. Pero cuando intento correrlo, tanto ...
Yoe's user avatar
  • 13
1 voto
0 respuestas
241 vistas

Error configuración de file-loader, vue 3 y Webpack 5 con font-awesome

Estoy desarrollando un app en vue 3 con webpack 5 y php api rest el error el problema es que tengo el siguiente error. dev@PC:/var/www/tools$ npm run dev > [email protected] dev > cross-env NODE_ENV=...
Robert Pérez's user avatar
0 votos
1 respuesta
282 vistas

Problema con Background-img en React

Hola a todos tengo un problema con el Background-img: url('') estoy utilizando React y he programado el file-loader correctamente en webpack, al compilar las imágenes se soportan bien mas cuando ...
Bruno Guerra's user avatar
2 votos
1 respuesta
52 vistas

Configuración de Webpack para que no genere tantos scripts?

Cordial saludo compañeros, de ante mano agradecerles por su ayuda. Estoy implementando webpack para mejorar la minificacion, y veo que webpack me agrega en la salida de cada página, toda la cadena de ...
deibyd quiroz's user avatar
0 votos
0 respuestas
36 vistas

Interpolar urls en css-loader de webpack

Estoy empezando a usar webpack y lo estoy aplicando a algo sencillo pero tengo un problema. Al utilizar el plugin mini-css-extract-plugin con css-loader me arroja un error debido a que no puede cargar ...
Josbert's user avatar
  • 1,012
1 voto
1 respuesta
3k vistas

npm run dev error (windows)

Estoy trabajando con laravel y cuando hago quiero compilar y hago npm run dev, me sale este error una y otra vez. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! @ development: `cross-env NODE_ENV=...
Basileia's user avatar
0 votos
1 respuesta
295 vistas

Mini css extract plugin de Webpack no exporta

Tengo el siguiente problema, tengo un archivo de configuración de Webpack en el que he implementado el plugin "mini-css-extract-pliguin" como pueden ver aquí: const path = require('path'); ...
Daniel Moreno Martin's user avatar