Aplicación del Clima con Javascript Orientado a Objetos, ES6+, Webpack y LocalStorage

¡Gracias a Kite por patrocinar esta sección del vídeo! Kite es un asistente de autocompletado gratuito con tecnología de IA que te ayudará a codificar de forma más rápida e inteligente:
Haz clic aquí ➞ bit.ly/3dPzXHe ➞ para saber más.
Aprende a crear una aplicación web Frotend que da información del Clima actual de una ciudad, como la temperatura, la humedad, la velocidad del viento, y más.
Para elaborarlo usaremos Conceptos modernos de Javascript como Funciones flechas, async/await, constantes, clases y más, Ademas el paradigma de programación que usaremos es la Orientacion a objetos, más el uso de herramientas del Frontend como webpack, un framework como Bootstrap 4 y el uso de la API de HTML5 LocalStorage.
💻 Código de este proyecto:
github.com/Faz...
🛍 Descuentos:
NordVPN ➞ 68% de descuento en plan de 2 años ➞ Código: fazt
Hostinger ➞ 7% de descuento en cualquier compra ➞Código: FAZT
👨‍💻 ¿Qué servicios utilizo?
Brave ➞ brave.com/faz053
NordVPN ➞ bit.ly/2Te7p0J
Hostinger ➞ www.hostg.xyz/...
Cloudinary ➞ bit.ly/3ohNlJ7
SiteGround ➞ bit.ly/31u9ZEk
Namecheap ➞ bit.ly/3kne9W8
🖥️ Recursos:
Deno, Un nuevo entorno de Javascript ➞ • ¿Qué es Deno ? Un nuev...
Javascript para principiantes ➞ • Curso Javascript para ...
MERN STACK & Typescript ➞ • MERN STACK & Typescrip...
Curso de NodeJS ➞ • Nodejs Curso Desde Cer...
🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ / fazttech
Instagram ➞ / fazttech
Twitter ➞ / fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ / fazttech
Slack ➞ bit.ly/3dPqCPT
Discord ➞ / discord
Blog ➞ blog.faztweb.com
📩 Contacto:
➞ [e-mail]
➞ [e-mail]
#javascript #webpack #bootstrap4 #localStorage

[@estebanredon22001]

Para los que están viendo el video un tiempo después puede que no les funcionen los comandos para dev y build, puede ser porque se actualizó webpack o por otra razón. Yo lo estoy viendo en 2021 y los comandos que me funcionaron fueron para build= "webpack --mode production" y para dev="webpack serve --mode development"

[@LReYmiK]

Muchisimas gracias compañero

[@juanmaramirezmartinez7965]

Muchas gracias !!!!

[@stivengonzales2785]

Héroe sin capa :'D

[@kalednarino7868]

gracias, también tuve el inconveniente

[@aaronortizalban8495]

no vale ninguno de los comandos

[@leroycarrasquero9065]

Increíble que haya gente a quien no le gusten tus videos, siendo tan claros y precisos en lo que quieres enseñar. Mucha gente exige acerca de alguna app en específica, pero ya con todo lo que tu enseñas sirve de base para sacar lo que piden. Perfecto tu manera de enseñar, como siempre.

[@tatoElpaisa]

Así como lo mencionas: es cuestión de gustos. Personalmente no me gusta la manera de explicar que él tiene (contando con que, a veces no explica, sólo lee lo que escribe), pero, igual saco provecho de lo que me sirve o requiero en algún momento. En otras palabras, aprovecho "su gran conocimiento" aunque no sea de mi gusto sus explicaciones.

[@henolivares]

Ya cuando se tiene una base de conocimientos de lo basico de un lenguaje, no hay nada mejor que ejemplos como los que haces, MUCHAS GRACIAS POR TUS CURSOS!

[@cesarofc269]

hoy tengo una entrevista de trabajo gracias a ti he aprendido mucho muchas gracias

[@brianlorenz5080]

Quiero darte mis mas profundos agradecimientos por el contenido que nos compartes de verdad hay q valorar el esfuerzo que haces por compartir esos videos. Gracias

[@jasoncarrjim459]

Hola Fazt. Como siempre tus explicaciones son más claras que el agua. Gracias por compartir tus conocimientos. Espero que un día puedas hacer un ejercicio de guardar un carrito de compras en localstorage y con un boton de imprimir todo los articulos del carrito en un formato donde aparezca x compañía. Me gustaría aprender dicho tema. Saludos

[@yanniosanchez9084]

Eres lo máximo, siempre espero tus videos con ansias. Me gustaría ver uno con stack : React, Postgres, express, nodejs orientado a objetos. Mil gracias brother por tus videos.

[@lordbon461]

Excelente app. Fazt podrías hacer un video de cómo aprender lenguajes de programación y no tenerle miedo al lenguaje o fallar en el intento de aprendizaje, de cómo haz aprendido o unos consejos. Gracias por los tutos.

[@darwintnt2]

Con este tipo de videos quien no aprende, excelente como siempre Fazt, gracias!! 👍

[@10tronic]

Otro excelente tutorial. Me funcionó de maravilla. Gracias

[@g.albeiroc.3567]

Gracias Fazt, por la dedicación en darnos un poco de tu tiempo

[@HenDrick217]

[Enero 2021]. Para los que tienen problemas con webpack y construir el proyecto, se debe a que cambiaron muchas cosas con la última versión de WebPack 5 por lo que ya el proyecto no es compatible. Para que este tutorial les funcione, editen package.json, y reemplacen la parte de dependencies con: "dependencies": { "css-loader": "^1.0.1", "html-webpack-plugin": "^3.2.0", "style-loader": "^0.23.1", "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } Finalmente ejecutan desde la raíz del proyecto: npm install y ya debe funcionar todo. Tengo Node 15.5 y sirvió, pero si les da algun otro problema de compatibilidad, usen una versión mas antigua.

Excelente que hagas estos proyectos usando solamente javascript. Me sirvió mucho. Me lo eché de una sentada. Gracias hehe

[@maximinolopez1998]

Genial muy buen video, prácticamente la parte de codificación fueron 40 minutos, muy recomendado.

[@angelricardojarropineda367]

29:10 si les da error con 'webpack-dev-server-' intentenlo con 'webpack serve', al parecer webpack-dev-server no funciona con webpack-cli 4.0

[@mariacristinaulloagarrido1224]

Muy buen tema y muy bien explicado además de ser ameno, muchas gracias por compartir !!

[@adrianfragacortes693]

Excelente, muchas gracias! Este fin de semana lo pondré en práctica!

[@LReYmiK]

Me alegra mucho el poder decir que he terminado la aplicacion :D, quedo genial, muchisimas gracias Fazt. Explicas muy bien y con detalles

[@fernandorosado342]

Actualizando en 07/2020: En consola aparece un error de webpack, dice que en el archivo webpack.config.js en su función "Output", en lugar de la propiedad "join" debe usarse "resolve" el minuto 23:12 (fuente: webpack.js.org/concepts/#loaders) El proyecto sigue vigente, felicitaciones Fazt, por eso.

[@jeanpinto8864]

Gracias por la aclaración!

[@leonelrodriguez3967]

Hola amigos, si tienen problemas, las versiones de las dependencias son clave en esto, deben ser las mismas en todos los casos. "dependencies": { "css-loader": "^1.0.1", "html-webpack-plugin": "^3.2.0", "style-loader": "^0.23.1", "webpack": "^4.25.1", "webpack-cli": "^3.1.2", "webpack-dev-server": "^3.1.10" } para instalar una version anterior "npm i webpack@4.25.1" por ejemplo

[@fernandomontesinosestrada1810]

Muchas gracias!

[@jppachar]

Fazt este es mi canal favorito de youtube !! Espero con paciencia cada vídeo!! Saludos desde Ecuador

[@mcsoleel]

Estaba yo aqui... programando como un campeón! cuando se me cruzo una restricción de unas horas para activar la Api key xD!

[@danest029]

Excelente Ejercicio. Justo lo que nececesitamos

[@sebastianmeneses1053]

Fecha: 08 de Abril 2021 Para que funcione webpack con la última versión dejo el archivo de configuración corregido como a mi me funciono: module.exports = { entry: './src/app/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, resolve: { extensions: ['.js'] }, devServer: { contentBase: path.join(__dirname, 'dist'), compress: true, historyApiFallback: true, port: 3000, }, module: { rules: [ { test:/\.css$/, use: ['style-loader', 'css-loader'] } ] }, plugins: [ new HtmlWebpackPlugin ({ inject: true, template: './src/index.html', filename: './index.html' }) ] } En el package.json arreglar el script asi "build": "webpack --mode production --config webpack.config.js",

[@josemanuelrosales2814]

Funcionó amigo!! Muchas gracias :)

[@gustavomartinezrito6028]

Gracias

[@Weagle1337]

me deja el bundle.js vacio :c

[@oscarclaros2225]

Eres un crack , las explicaciones son claras y el proyecto muy bueno

[@AlejandroGuerrero]

Impresionante y sencillo. Mil gracias por el vídeo maestro. Saludos desde Madrid.

[@jeanpinto8864]

Te funciono el código?

[@JamonDuroMexicano]

Gracias por compartir Fazt, deberías hacer un curso de React y React Native en Udemy, ya tienes toda una comunidad que seguimos tus pasos y sin problemas te lo compramos. Saludos y felices fiestas!

[@jimmysandoval242]

Eres el IroMan de los programadores jajaja xd Gracias por el tutorial, buenísima crack! Agradecido por el tiempo que brindas para enseñar, exitos en todo!

[@pupoxws983]

EXCELENTE, GRACIAS

[@mirxtremapps]

increible tutorial, muchas gracias

[@oliveira1820]

Que increíble este canal, estoy aprendiendo muchísimo, muchas gracias Fazt!

[@TheFoxTheFox]

Muy buen video, y muy bien explicados todos los conceptos. ¡Sigue así!

[@feliciofelix5656]

Fazt Gracias tio, estoy siguiedo tus videos, eres genial

[@daviddepaz4066]

Execelente Execelente Execelente. Muchas graicas

Muy Bueno Fazt, Gracias.

[@EfektoServicios]

Gracias por compartir :)

[@lugia4722]

Amigo Fast que pasa que con Webpack 5 no funciona el comando webpack -p??

[@nats-afs]

Excelente contenido Fazt.

[@cesarcordovaiturbe4893]

Genial! Muchas gracias!!!

[@kevinat71]

excelente, muchas gracias.... eres un crack

[@zambombas22]

Muy bueno!

[@lindltaylor4093]

gracias por el video fazt

[@manuelito3000plus]

Fazt excelente video Que lenguajes de me recomiendas para empezar en este mundo de la programación?

Gracias!

[@chicoselfie1602]

Eres el mejor! uwuwuw GRACIAS friend!

[@GERARDHHH]

chicos el tutorial se puede hacer perfectamente con vite, solo ignorad todo que se haga con webpack, asi que sigue vigente!, con vite no hay que realizar ninguna configuracion, es muy facil id a la documentacion o algun video

[@juandcg0331]

Me gustaría ver como subes este proyecto a github... gracias, excelente trabajo

[@BayronVillanea]

27.52 error Error: Unknown option '-p' [webpack-cli] Run 'webpack --help' to see available commands and options

[@emmanuelmartinez9920]

tengo el mismo error, ojala alguien nos apoye gracias

[@lucasraponi1138]

sos increible

[@OscarGarcia-up3ph]

Hey que tal fast, eh entrado a tu pagina a ver tus cursos y la verdad me eh perdido entre tanto contenido en llevar un orden de que curso me conviene llevar primero que otro para entender mejor, no habrá manera de poner el contenido de una forma de orden escalonada? , gracias eres un gran programador eh aprendido mucho con tus videos, super favorito

[@omarchurquina2058]

me da error cuando hago el fetch Access to fetch at 'samples.openweathermap.org/data/2.5/weather?q=london,undefined&appid=apikey' from origin 'localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. algquien puede ayudar

[@Fvo46]

Me pasa lo mismo, quizas hayan bloqueado el acceso gratuito desde la pagina de hace un año hasta aqui. Si alguien supiera la solucion agradeceria

[@brownieblondestudios3764]

@@Fvo46 Lo solucionasteis? tengo el mismo error

[@brownieblondestudios3764]

Ya encontré la solución, por si alguien tiene el error que no tenga que estar buscando dos hora, en const URI, delante de la url a la api del clima poned lo siguiente: "cors-anywhere.herokuapp.com/", os tendría que quedar así: const URI = `cors-anywhere.herokuapp.com/samples.openweathermap.org/data/2.5/weather?q=${this.city},${this.countryCode}&appid=${this.apiKey}`;

[@Fvo46]

Brownie Blonde Studios hola!! Lo solucione pero igual me acuerdo como. Lo tengo en un repositorio de Github, busca como Fvo46

[@CristianRomero-up1nj]

Sublime

[@jalejandro0211]

Luego de adicionar el primer ccs (min 31 aprox) ya no compila dice You may need an appropriate loader to handle this file type. (webpack version 4.25.1)

[@alfredocortes1701]

Que navegador utilizas? Esta actualizando? Eso pasa si utilizas un atributo o etiqueta que no soporta el navegador y tienes que insertar los webkit o los ms equivalentes para que soporte en todos los navegadores.

[@JValenteM92]

Excelente tutorial, aunque al principio tuve un error ya como el gran salame que soy puse "DOMContentLoader" en vez de "DOMContentLoaded" luego lo cambie y funciona de maravilla....Excelente explicación.... PD: como se le puede agregar el icono, ya que lo intente y me sale todo el es fácil obtener el nombre de la imagen, pero no tengo idea como aplicarlo!

[@jona120]

Pudiste solucionarlo lo de la img

[@dramix7899]

hola si les sale un error en el minuto 27:57 es porque en el packagen.json en el codigo donde dice scripts no es -p si no --mode development esto es por si algunos no les funciona con -p

[@karymelizalde4304]

Me aparece el mismo error 😢

[@jorgehessle8055]

Excelente. Una pregunta, esta consulta de datos yo la podria hacer de cualquier sitio ya sea deportivos etc? Es decir cualquier sitio tiene una API code disponible para eso ?

[@adrianfragacortes693]

Muy bueno, gracias!! Me quedé con una duda...Mas o menos me quedo claro el objetivo de usar webpack, pero tengo una duda... El comienzo de todo es el index.hrml, no? En el enlazamos la cdn de bootwatch, bien...pero no enlazamos nunca con el index.jss Se encarga webpack de este enlace? Gracias!

[@cesarpreciado4737]

Oye Fazt espero que te encuentres bien y que me respondas pronto, si quiero que la aplicación muestre el clima de los proximos dias ?

[@juancruz1901]

Muy buen video! Lo único es que tengo problemas para conseguir el link del tema de bootswatch. Cuando presiono descargar, me descarga un archivo .txt y no me abre una pestaña nueva para poder copiar el link.

[@jona120]

Muy buen tutorial fazt aprendi muchisimo.. a mi me gustaria saber como agregarle una imagen o icon font

[@rodribarroso1148]

Fazt podrias hacer un video de como usar la API de mercadopago de PHP ??? Gracias por los videos se agradece enormemente

[@francisconeira7383]

Hola Fazt, por qué no usas Get y Set y usas directo el this? Gracias

[@edsonezequielandyjipa9998]

Hola primeramente agradezco por estos proyectos que haces, le escribo por que tengo un problema para generar el package.js en el terminal y otros más, espero que me responda pronto, muchas gracias

[@nardo2773]

Te falta algún -

[@rickertluisgonzalesramirez1839]

tengo problemas con al momento de mostrar los daatos de londres, me aprece cervicio denegado y que no se esta descargando las tipografias, que puedo hacer?

[@rudyca1692]

excelente video, tengo aún problemas para saber donde usar js y si se puede usar junto a php, en este caso por ejemplo podría usar la api del clima junto con php?

[@brunocontreras7032]

Una consulta lo de la descripción se puede cambiar de idioma alguien sabe?

[@pablochiapponesanchez8176]

Hola, alguien sabe porqué me sale un error al ejecutar el comando npm run build, y como se puede solucionar? gracias!

[@alextkd2003]

async y await no son compatibles con IE entonces que se recomienda para esto? Por cierto, muy buenos todos los videos ♥

[@jbaigorria0]

ya nadie usa IE

[@LeoLaMaravilla]

una pregunta eminencia de la programacion xD, tu aprendiste la forma correcta de hacer las cosas por tu cuenta (osea leyendo la documentacion oficial) o fuistes a cursos especializados en el area donde te explicaron todo eso... yo programo en angular y laravel pero todo lo voy haciendo buscando ejemplos, videos y doc. pero no siempre lo que encuentro es la forma correcta de hacerla pero funciona. apreciaria mucho tu respuesta

[@FaztTech]

Hola leoncio, yo tambien busco exactamente igual que tu, solo que trato de buscar buenas fuentes, por ejemplo: - libros de oreylli o packt - articulos de ingenieros en medium medium.com/search?q=programming - siempre reviso hackernoon hackernoon.com/ - hacker news news.ycombinator.com/ y siempre que puedo veo alguna conferencia de alguna empresa para ver como van desarrollando sus sistemas, y así, es tan solo asunto de ir buscando buenos recursos :)

[@LeoLaMaravilla]

Fazt muchas gracias por responder. Suerte y sigue con tus exitos

[@MenteP1derosa]

Faztweb de qué pais eres?

[@dunocgame864]

fazt hola gran vídeo disculpa que servidor gratuito me recomendarías para hacer pruebas

[@FaztTech]

Uhmm si es para aplicaciones, puedes probar con: Heroku -> heroku.com/ now -> zeit.co/now Si es para Sitios web, puedes usar GIthub Pages kzbin.info/www/bejne/h5LbmHlqq5mbo9U :)

[@dunocgame864]

@@FaztTech es para probar sitios dinámicos como wordpress en la creación de temas y filezilla me recomendaron infinityfree normalmente realizo las practicas en un servidor local que tengo en el pc

[@D1e9o-SIIA]

Hola Fazt, se me ocurre si seria posible crear una especie de Dashboard propio, donde se le puedan transmitir datos por ejemplo de una estación meteorológica también propia (Temperatura - Humedad - intensidad_de_ Luz - etc.) estilo Arduino; Microchip; ARM; etc. Es decir resumiendo, transmitir desde nuestros propios sensores a nuestra propia pagina (Dashboard) a lo mejor quizás diseñada en Python. Seria genial para aplicar nuestra propia electrónica con nuestra propia API. Gracias por todo, saludos. Diego

[@johnpazherrera4553]

Fazt deberias dar cursos en Udemy o ya lo haces

[@METALLICApaco1607]

no me funciona el script BUILD y por lo tanto no he probado el script DEV, alguien sabe como resolver el problema?

[@franlago4613]

Una pregunta... es posible hacer eso con proyectos de .Net (con asp.net mvc)??

[@rened.lacruzibarra5974]

si lo quiero mostrar en angular como como le hago

[@ivanomarriosmaieru3827]

Hola, buenas tardes. Al ejecutar el comando "build" (minuto 27:37), me figura este error: PS C:\Users\Ivan\Documents\Proyectos de programacion\Proyecto4\src> npm run build > proyecto4@1.0.0 build > webpack --mode production assets by status 0 bytes [cached] 1 asset ERROR in main Module not found: Error: Can't resolve './src' in 'C:\Users\Ivan\Documents\Proyectos de programacion\Proyecto4' resolve './src' in 'C:\Users\Ivan\Documents\Proyectos de programacion\Proyecto4' using description file: C:\Users\Ivan\Documents\Proyectos de programacion\Proyecto4\package.json (relative path: .) Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users\Ivan\Documents\Proyectos de programacion\Proyecto4\package.json (relative path: ./src) no extension Dejo mi código .json para ver alguna sugerencia. Muchas gracias. { "name": "proyecto4", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack --mode production" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "css-loader": "^6.5.1", "html-webpack-plugin": "^5.5.0", "style-loader": "^3.3.1", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.6.0" } }

[@integramaensotec1636]

Me registré en el servicio para obtener la API key pero la que me dieron sigue siendo invalidad. Qué puedo hacer?

[@Vin_DJ]

por favor. ayuda. cuando expongo async y await se me cae todo el programa. puff no puedo hacer ningún tuto por esto.

[@finitebites]

Y bueno, excelente tutorial... una lástima porque me salio un error no relacionado a NPM al momento de correr el Build... luego hice mal un commit que me borro TODO... (porque quería mostrarte el código tal como lo estaba haciendo), así pase la tarde dandome de topes en la pared hahaha... Bueno, a volver a empezar. Por cierto, le hice fork a tu projecto en GitHub, tengo un branch que se lama weather-app-moisesgonzalez, alli ire actualizando lo que vaya haciendo... no pienso hacerle pull a tu proyecto no vaya a ser que lo rompa y ya valio haha Saludos!

[@FaztTech]

jaja es parte del proceso de aprender, tambien me ha pasado, de los errores se aprende. Mucha suerte, continua aprendiendo.

[@finitebites]

@@FaztTech "Dos años mas tagde..." Y comence de nuevo, mi error era que no puse "bundle.js" como filename entre comillas... vaya pero que error de novato... eso quiere decir que aun soy novato. XD Saludos!

[@nardo2773]

@@FaztTech buenas gracias por tus videos , tengo un error al hacer el build, error module entry..gracias me puedes dar una guia

[@vic89]

¿Cómo se podría hacer para ocultar el API Key? En caso que no quiera que quede expuesta en JS.

[@JulioGalli]

Es muy bueno el video, sin embargo al ejecutar no funciona y aparece en la consola: Uncaught ReferenceError: require is not defined at index.js:1 Soy nuevo en JS pero interpreto que no reconoce el comando require. (también ocurre con las fuentes bajadas desde gitHub) Agradezco cualquier orientación

[@DiebitchDieOp7]

Me tira un error largo cuando instalo los paquetes de npm i webpack webpack-cli style-loader css-loader webpack-dev-server

[@danielarias7569]

Hola tengo un problema cuando hgao el paso en 9:20 no me aparece lo mismo que a ti

[@AlejandroGarcia-sl9bk]

hola fast consulta? en el min 27:51 hago litarl los mismos paso que vs y ami no me funciona la terminal onda que no me trae la capeta dist y lo que tiene dentro. queria sabre si puede ser por alguna de las muchas actualizaciones de tubo node en los años o es por otra cosa?¿

[@brandonnicolasmorenobalboa2457]

Hola, puedes revisar la ubicación del archivo webpack.config.js Saludos!

[@nestormatias217]

Fazt is A full Senior Developer How many years do you get in this development area Fazt??????

[@martinelviajero870]

Ejemplo a si For program in HTML a page network temperating 1 + calor máxima temperatura); Var=new.c de temperatura (); Var=new.cambio de temperatura (); Var=new.valor de temperatura (>!180grado=a Echo"se realizó exitosamente la máxima temperatura de calor" Echo"se realizó exitosamente la temperatura mínima de calor" Echo"sé realizó exitosamente la temperatura máxima de frio" Echo"se realizó exitosamente la temperatura mínima de frio" temperatura

[@maxigarrett3121]

Como haría para mostrar la información en español?

[@joselinbenitez7676]

Al correr el "build" genera las dos carpetas pero el archivo bundle.js no genera ningún código, se genera el archivo vacío. Alguien que me ayude. Gracias

[@emmanuelmartinez9920]

a mi tambien me sale en 0kb. ojala alguien pueda ayudarnos

[@JeanPool]

Me da un error cuando le asignó el filename 'bundle.js' ayudaaa

[@santiagogalo8508]

Tengo este error cuando doy npm run build, alguien me ayuda? Insufficient number of arguments or no entry found. Alternatively, run 'webpack(-cli) --help' for usage info. Hash: 683c8af28652ef2a5738 Version: webpack 4.30.0 Time: 60ms Built at: 2019-04-12 23:33:16 ERROR in Entry module not found: Error: Can't resolve './src' in 'C:\Users\santi\Desktop\weather-app-js' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! weather-app-js@1.0.0 build: `webpack -p` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the weather-app-js@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\santi\AppData\Roaming pm-cache\_logs\2019-04-13T02_33_16_267Z-debug.log

[@CarlosGonzalez-bx1xs]

Lograste solucionar? Tengo el mismo error exactamente

[@Ocioreal]

@@CarlosGonzalez-bx1xs Yo igual tengo el mismo error, he buscado por stackoverflow y las soluciones que dan no me lo resuleven a mi. Alguien lo ha solucionado?

[@sergos0617]

me pasó lo mismo, ejecuté "npm install webpack" y me funcionó

[@nardo2773]

Tengo el mismo , error alguien lo pudo solucionar, he buscado y nada

[@nardo2773]

@@sergos0617 ERROR in Entry module not found: Error: Can't resolve './src' in 'C:

[@TUCMACOM]

Hola! Cuando lo quiero convertir a producción (27:24) me devuelve el siguiente error: [webpack-cli] Unknown argument: -p ERR! code ELIFECYCLE, alguna sugerencia?

[@cristiancamilosanchezardil9730]

lo mismo me pasa bro, encontraste alguna solucion?

[@jasyddavidcaballeroquinter440]

En vez de "webpack -p" usa "webpack --mode production", fíjate que son dos guiones antes de "mode", -p es la versión corta de --mode production

[@fernandomontesinosestrada1810]

@@jasyddavidcaballeroquinter440 Me sirvió, muchas gracias!

[@nardo2773]

Ya no funciona

[@michelandresalarconpedrero8742]

Al intentar poner el build en la consola me aparece error :(

[@nardo2773]

No te reconoce el comando - p?

[@maurogomez3936]

Excelente video. Estoy tratando de ejecutar "npm run build" pero arroja el siguiente error: At least two configurations are required for merge. @Fazt que puedo hacer?. A alguien le paso?

[@yulianacarretero3548]

Estoy en las misma. Lograste solucionar el problema?

[@devstack9228]

Amigo puedes subir un curso de express con mongoose porfavor

[@josedavidtellez2979]

A alguien más le pasa que no puede obtener los datos de la api porque ahora esta es de pago?

[@eduardomaykumul809]

me sale este error "Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document." ayudaaaa

[@eduardomaykumul809]

cuando compilo y lo abro desde index me sale ese error

[@lubohorquez11]

tengo un problema en el minuto 27:44 no me deja correr el build ¡AYUDAAAAAAAAAAAA!

[@camilarodriguez8911]

Hola pudiste solucionar? Yo también estoy en las mismas

[@lubohorquez11]

@@camilarodriguez8911 Amiga, me tocó hacerlo de otra forma, más adelante se me ocurrió la idea de programar como "administrador", no lo intenté porque ya había terminado la página. Inténtalo a ver si te funciona :3

[@rolandoandrango2630]

Fazt un gusto saludarte, durante el seguimiento del video se me presentó un problema con webpack: You have installed webpack-cli and webpack-command together. To work with the "webpack" command you need only one CLI package, please remove one of them or use them directly via their binary. Trate de correguir el error pero no tengo resultados, alguien prodría ayudarme con este mensaje. Saludos

[@FaztTech]

Rolando para instalar webpack, solo tienes que ejecutar: npm install webpack webpack-cli ambos paquetes funcionan juntos medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2

[@freddybaldelamar1167]

No me funciona el npm init --yes

[@nardo2773]

Q error te da?? Descargo node js?