Preguntas con la etiqueta [webpack]
Webpack es un empaquetador de módulos similar a Grunt o Gulp.
165
preguntas
0
votos
0
respuestas
31
vistas
Estoy intentando conectar Vue.js con Django, y webpack me está dando un ValidationError
Estoy realizando una pequeña investigación para un proyecto y mi primer paso es hacer un entorno con Django y Vue.js para poder manejar todo el frontend en una forma organizada.
Estoy siguiendo el ...
0
votos
0
respuestas
31
vistas
Module parse failed: Unexpected token (1:28), Build in NextJS
Estoy tratando de hacer un build en nextjs, para luego hacer un npm run start,
El error es que al hacer el build falla de la siguiente manera:
> [email protected] build
> next build
⚠ Invalid next....
0
votos
0
respuestas
41
vistas
Tengo este problema cuando ejecuto npm start: Module not found: Error: Can't resolve 'worker_threads',
Problema con Single Page Application en Node.js: Error con worker_threads y polyfills en webpack
Estoy creando una single page application básica con Node.js y tengo problemas cuando ejecuto npm start....
1
voto
0
respuestas
23
vistas
Uncaught ReferenceError: _classCallCheck is not defined
Estoy obteniendo este error en la consola de mi navegador, que no deja cargar mi juego en HTML5:
Uncaught ReferenceError: _classCallCheck is not defined
at new WebSocketClient (WebSocketClient.js:17:5)...
0
votos
1
respuesta
386
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
7
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 ...
1
voto
3
respuestas
1k
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
18
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
22
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
219
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
171
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
407
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
538
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
83
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
574
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
115
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
159
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
83
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
56
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
75
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
91
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
252
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
202
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
61
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
158
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
199
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
156
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
63
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
225
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
105
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
352
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
306
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
50
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
249
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
186
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
52
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
2k
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
351
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
371
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
200
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
49
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
269
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
329
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
71
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
38
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
348
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');
...
0
votos
1
respuesta
129
vistas
Problemas con integracion Django 3 y Vue 3
Llevo dos dias intentando integrar Django 3 con Vue 3 y en parte lo he logrado pero no como quisiera.
Escenario. La idea es utilizar Vue 3 para los componentes que requieren Javascript y que no son ...