Preguntas con la etiqueta [webpack]
Webpack es un empaquetador de módulos similar a Grunt o Gulp.
147
preguntas
0
votos
0respuestas
12 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 ...
0
votos
0respuestas
6 vistas
postcss-custom-media not working
I´m working in a project. I´m react, css-modules, postcss and post-custom-media.
I added a custom-media but this not working.
I don't have a error in console, but for some reason the media query ...
-2
votos
0respuestas
81 vistas
¿como puedo hacer saltar al jugador? (phaser 3)
No tengo experiencia previa con phaser, se que hacer que un jugador salte es algo comun dentro de un juego y pues queria implementarlo en mi Game Template, por favor chicos ayuda, me hicieron unas ...
0
votos
0respuestas
10 vistas
Uncaught ReferenceError: regeneratorRuntime is not defined (proyecto en vanilla javascript)(webpack)
estoy trabajando con webpack, al usar este codigo
const fetchData = async ()=>{
try{
const res = await fetch('../../data/mock.json');
const data = await res.json();
console.log(data)
} ...
0
votos
1respuesta
24 vistas
Problema con emotion (styled components) en Gatsby
Utilizo styled component en gatsby pero ahora han actualizado emotion y me tira error. Lo instalo de esta manera en mi proyecto
npm i @emotion/react @emotion/styled gatsby-plugin-emotion
Después, por ...
0
votos
0respuestas
21 vistas
Problema en carga perezosa Angularjs “Ha fallado la carga del script…” - Mozilla
Contexto:
Trabajo en software web (cliente-servidor) donde el front está elaborado con Angularjs. El desarrollo está echo en ES6 y traspilando a ES5 con Webpack y Babel.
Problema:
Se ha detectado (...
0
votos
0respuestas
3 vistas
WebPack partials with html-webpack-partials-plugin: Not watching files
estoy usando la siguiente configuración para importar archivos parciales HTML en las distintas secciones de mi WebApp:
```// PARTIALS CONFIGURATION
new HtmlWebpackPartialsPlugin([
// The nav_bar....
0
votos
0respuestas
6 vistas
webpack 5 y webpack-dev-server
Alguien sabe como puedo ejecutar webpack-dev-server o si es que existe alguna incompatibilidad, porque utilice varias configuraciones y la verdad que no logro hacer que funcione.
0
votos
1respuesta
176 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
0respuestas
18 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
1respuesta
21 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 ...
0
votos
0respuestas
17 vistas
¿ Como guardar archivo de configuración separado despues de hacer build en Vue JS?
Tengo un proyecto de VueJs. Dentro de el, tengo un archivo de configuración. El problema es que cuando hago "npm run build" me mezcla ese código con todo lo demás. Y por motivos largos de ...
0
votos
0respuestas
7 vistas
¿Cómo generar code-splitting en webpack?
tengo un proyecto en el cual uso webpack, react y react-bootstrap, cuando ejecuto
npm run start
la pagina se demora en cargar y mi aparece estos mensajes
el ultimo mensaje me aparece dice:
"...
1
voto
1respuesta
27 vistas
¿Cómo mostrar imágenes de un proyecto en react en GitHub Pages y en Netlify?
Tengo un problema con un proyecto básico en react y webpack, el proyecto me funciona cuando lo abro en mi local Host (las imágenes se muestran) pero cuando lo subo en GitHub pages o en Netlify no se ...
0
votos
2respuestas
104 vistas
¿Cómo implementar configuración de react-app-rewired a un proyecto de Nextjs?
Soy bastante nuevo en cuanto al tema de diseño y estilos con React, actualmente se me encargo obtener el componente de un Template que se compró, dicho componente se agregará a un proyecto realizado ...
1
voto
0respuestas
17 vistas
Problemas importando proyecto Vue-cli como librería en un proyecto Vue-cli
Estoy trabajando en un "Design System / Storybook" en un proyecto Vue-cli y quiero validar cómo se comportaría importándolo como librería en un proyecto Vue-cli simple.
Según la ...
0
votos
0respuestas
13 vistas
Imagenes y fontawesome en svelte y webpack
Estoy intentando hacer un proyecto en svelte con webpack, en el estoy usando imagenes y fontawesome, lo ejecuto y todo sale bien, pero cuando lo voy a desplegar en netlify, las imagenes y los iconos ...
0
votos
0respuestas
8 vistas
¿Como puedo ejecutar webpack-dev-server?
Instale webpack-dev-server pero tengo un problema que a la hora de utilizarlo no lo puedo ejecutar, y me salta estos errores, puedo utilizar webpack normalmente pero su version dev-server no la puedo ...
2
votos
0respuestas
19 vistas
webpack: Conflicto entre fuentes e imagenes svg
Recientemente me surgió un problema al compilar archivos sass con webpack, todo lo hace bien.
El único detalle es que las imágenes svg las agrega a la carpeta de las fuentes y ni siquiera me crea la ...
0
votos
0respuestas
31 vistas
Webpack / npm - Como instalar jquery, bootstrap y boostrap-tables
Uso laravel 7 con plantillas blade, y en estos momentos estoy usando webpack y obtengo un error de compilación que muestro al final del post.
webpack.mix.js
const mix = require('laravel-mix');
mix.js(...
0
votos
0respuestas
26 vistas
Laravel - Webpack no me genera el archivo css
Estoy intentando configurar webpack para laravel 7 y tengo este fichero webpack.mix.js, por un lado tengo los JS, luego los css de vendors (boostrap) y luego mi propio sass
mix.js([
'...
0
votos
0respuestas
52 vistas
Webpack Compilation Error con Cypress
Estoy tratando de hacer pruebas unitarias con Cypress pero a la hora de importar un archivo vue al spec me sale el siguiente error:
Error: Webpack Compilation Error ./src/components/Login.vue 1:0 ...
1
voto
1respuesta
30 vistas
Error al importar componente de VUE en JEST
Cuando intento importar un componente a mi fichero de test, me da un error:
FAIL src/specs/test.spec.js
● Test suite failed to run
Cannot find module '@/components/Login.vue' from 'src/specs/test....
0
votos
0respuestas
20 vistas
Problemas con Webpack style loader
estoy usando Webpack y esta compilando todo ok, no tira errores ni nada pero los estilos de mi .css no se estan cargando en la web y por lo que entiendo es problema del style loader.
Cuando hago un ...
0
votos
0respuestas
7 vistas
modulo webpack-cli
estoy en un curso de javascript fullstack en youtube, e seguido cada uno de los pasos, pero hay un Error: Cannot find module 'webpack-cli/bin/config-yargs',(https://www.youtube.com/watch?v=mX6NwOwTlzk ...
0
votos
1respuesta
624 vistas
El método setState no funciona - React
Soy nuevo en react. Estoy haciendo un todolist guiándome de este tutorial.
Código
import React from 'react';
const TodoForm=({submit})=>{
let input;
return (
<div>
<input ...
0
votos
1respuesta
85 vistas
Laravel , como configurar los archivos css y js
tengo un proyecto con laravel y tengo configurado el siguiente fichero para webpack, pero luego en mi template uso un archivo "head.blade.php" donde cargo todos los vendors, uso jquery, ...
0
votos
1respuesta
12 vistas
duda configurando sass en webpack
estoy configurando webpack por primera vez y quiero incluir sass , por ende ya instale todos los loaders , la pregunta seria puedo unificar los "test" y los "use" o tengo que ...
0
votos
0respuestas
21 vistas
cómo acceder a mi aplicación Vue desde una IP externa?
Estoy desarrollando una aplicación "Vue" y necesito acceder a ella desde una ip externa para comprobar su rendimiento en los dispositivos móviles. La versión de mi webpack es la 3.12.0 y mi &...
1
voto
1respuesta
45 vistas
Cannot GET react router React + webpack + babel
Empecé a usar react-router-dom, es una dependencia muy buena. Pero he tenido el siguiente caso:
Al correr la aplicación en modo desarrollo (también me pasa cuando genero el build) y navegar entre mis ...
0
votos
1respuesta
37 vistas
Error con webpack en proy. react informa: error Entry module not found: Error: Can't resolve 'C:\Users\User_'
Estoy haciendo una integraciòn backend symfony con frontend de react. Segui una guia tutorial y la documentaciòn oficial de symfony.
Intente correr el comando yarn run encore dev --watch para generar ...
0
votos
0respuestas
16 vistas
Laravel - Webpack - Varios ficheros css todos en uno
En mi proyecto laravel tengo distintos ficheros css en la carpeta /resources/sass tengo los archivos app.scss y forms.scss.
La idea que tengo es que al compilar se compile todo en un único fichero css ...
0
votos
2respuestas
34 vistas
No reconoce el comando webpack
tengo el inconveniente de que al momento de querer ejecutar el comando "webpack" para generar la carpeta de produccion me lanza un error. He intentado borrando el cache, usando npm install -...
0
votos
0respuestas
273 vistas
Module parse failed: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
Ultimamente he estado siguiendo un tutorial para la configuración de webpack. Lo que sucede es que cada vez que ejecuto "npx webpack" se inicia el proceso de forma normal, solo hasta que es ...
1
voto
1respuesta
221 vistas
error al instalar React
estoy intentando instalar React para empezar a estudiar y trastear con esta librería paro me da error.
Estoy siguiendo los siguientes pasos:
npm install -g create-react-app
create-react-app mi-...
0
votos
0respuestas
19 vistas
Como puedo separar las librerías del empaquetado que hace Laravel Mix
Actualmente tengo configurado laravel mix de esta manera.
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js').extract(['vue', 'vuetify', 'axios', 'vuex']);
mix.sass('...
0
votos
0respuestas
16 vistas
Webpack-dev-server no hace live-reload
Por mas que configuro y busco en algunos foros, nada me hace que el devserver de webpack haga el live-reload, realiza el build bien y el devserver carga los archivos normalmente, pero a la hora de ...
0
votos
0respuestas
66 vistas
Webpack/React/NodeJs Module not found: Error: Can't resolve al importar imagen
estoy tratando de levantar una aplicacion web con template en reactjs, instale express y webpack entre otras librerias, pero al tratar de generar el bundle.js con npm run webpack me tira el siguiente ...
0
votos
0respuestas
9 vistas
Ayuda con bootstrap:5.0.0~alpha-1
saludos a todos. Necesito que por favor me ayuden en un proyecto en el que estoy usando bootstrap 5 lo instalo con npm y uso webpack y lo instancio así.
import "bootstrap";
import "@...
0
votos
0respuestas
20 vistas
Configurar SASS loader con VUE CLI 3 (reemplazar Koala-app)
Estoy desarrollando con vue.js y vue cli 3. Actualmente mis estilos CSS los manejo con SASS y los compilo con Koala. De momento lo sigo usando porque es muy sencillo configurar el main.scss y sus ...
0
votos
1respuesta
74 vistas
Variables de entorno obtenidas mediante imagen docker se encuentran “undefined” al ser usadas en appModule - Angular
Estoy realizando una implementacion con webpack para recibir variables de entorno que se encuentren definidas en mi imagen de docker, misma donde posteriormente estara empaquetado mi proyecto de ...
1
voto
0respuestas
64 vistas
Rails 6 webpack no me carga bootstrap y scss
he empezado un proyecto en Rails 6 y he seguido las guias, he cogido un template de Bootstrap con HTML y CSS, pero al cargar la vista no me muestra bootstrap ni el custom scss.
Bootstrap instalado con ...
2
votos
1respuesta
397 vistas
Angular 4 - ¿Importar archivo JS con variables globales?
Estoy trabajando con Angular 4 y mi problema es el siguiente:
Al momento de generar un paquete de producción con ng build --prod se genera mi carpeta dist y dentro de ella mi carpeta assets donde ...
0
votos
0respuestas
24 vistas
Fallos al poner el comando npm en la terminal
hace poco inicie con webpack y npm. Así que me propuse a crear un programa de tareas con estas tegnologias, pero al poner el comando: "npm run build" en la terminal, me aparece el siguiente error
...
0
votos
0respuestas
13 vistas
¿Cómo obtener los el código original de un proyecto vuejs con webpack?
Tengo un proyecto desarrollado en vuejs, nodejs y webpack para hacerle correcciones y mantenimiento.
Todo el código fuente del proyecto esta en webpacks, lo que lo hace difícil de modificar y darle ...
0
votos
0respuestas
19 vistas
Error en los estilos con Next JS y Mbdreact en producción
Tengo una aplicación de Next.js con custom _app.js dónde importo los css de fortawesome, bootstrap y mbreact, en este orden.
pages/_app.js
import '@fortawesome/fontawesome-free/css/all.min.css';
...
0
votos
3respuestas
45 vistas
Problema con react y webpack
estoy haciendo un simple contador de clicks en react con webpack pero obtengo este error y no se como solucionarlo. Adjunto imagenes de mi codigo este es mi package.json
Este es mi componente de ...
1
voto
1respuesta
85 vistas
¿Como puedo instalar paquetes npm con una conexion a internet inestable?
Lo que paso: Intento instalar el paquete de webpack y webpack-cli en entorno de desarrollo local pero seguido me aparece el mensaje de error:
npm ERR! Response timeout while trying to fetch https://...
0
votos
1respuesta
45 vistas
Jest Unexpected Token “{”
recurro a su ayuda porque no he podido solucionarlo investigando por mi cuenta, recien empece a crear un mini proyecto, es absolutamente nuevo, lo unico que tiene es apollo-server-express y un pequeno ...
0
votos
0respuestas
46 vistas
Problemas con 'Anti-flicker snippet' para integrar Google Optimize en React
Tengo un problema al intentar integrar Optimize con React, el caso es que necesito integrar el siguiente script en mi index.html
<!-- Anti-flicker snippet (recommended) -->
<script&...