Preguntas con la etiqueta [webpack]
Webpack es un empaquetador de módulos similar a Grunt o Gulp.
166
preguntas
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:
&...
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 ...
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 ...
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\...
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....
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 ...
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:...
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] ...
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 ...
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 ...
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 ...
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 = ...
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 ...
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 ...
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 ...
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: "...
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.
...
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, ...
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 ...
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 ?
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 ...
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 ...
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 ...
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 ...
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 ...
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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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
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
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 ...
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 ...
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-...
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 ...
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 ...
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 ...
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>
...
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 ...
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=...
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 ...
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 ...
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 ...
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=...
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');
...