Proyecto del curso: Platzi Store

Clase 6 de 20 • Curso de Progressive Web Apps con Angular 8

Clase anteriorSiguiente clase

Juan Sebastian Figueroa Rodriguez

student•

al instalar las dependencias me salen muchos errores y pues por ende, el proyecto no corre.

Luis Angel Martinez Cornejo

student•

npm install -g @angular/cli //instalar angular npm i ng serve -o //instalar dependencias del proyecto e iniciar el servidor local

Carlos Frostte

student•

Pero en el repositorio https://github.com/platzi/curso-pwa-angular veo ejercicios ya resueltos; no deberíamos partir desde los archivos de la ultima clase del curso de Angular?

José Ulises Caminos

student•

Es por demas ya llevo una semana buscando soluciones, para instalarlo, pero todas terminan en lo mismo.

An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json' Require stack:
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\node-modules-architect-host.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\index.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\models\architect-command.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\commands\serve-impl.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\export-ref.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\index.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\utilities\json-schema.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\models\command-runner.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\lib\cli\index.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\lib\init.js
C:\Users\Administrador\AppData\Roaming\npm\node_modules@angular\cli\bin\ng

Jose Gregorio Brito Villarroel

student•

tienes que instalar '@angular-devkit/build-angular/package.json’

Leonardo Gomez

student•

Genial! Usaremos lo aprendido en el curso basico de Angular!

Adelina Martínez nieto

student•

En que curso hicieron este proyecto, ? como se llama el curso

DEL RIO JUNCA JUAN CARLOS

student•

Buenos Dias

Tengo un problema con los cursos del profesor nicolas, los funtes de platzi-store me fallan, quiciera saber si a alguien tambien le pasa y le sale mi error.

mis instalaciones son node v14.1.0 npm 6.14.4

Your global Angular CLI version (9.1.4) is greater than your local version (8.3.20). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

 _                      _                 ____ _     ___
/ \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

/ △ \ | '_ \ / | | | | |/ _ | '__| | | | | | | / ___ | | | | (| | || | | (| | | | || | | | // __| ||_, |_,||_,|| _||| |___/

Angular CLI: 8.3.20 Node: 14.1.0 OS: win32 x64 Angular: 8.2.14 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router, service-worker

Package Version

@angular-devkit/architect 0.803.20 @angular-devkit/build-angular 0.803.20 @angular-devkit/build-optimizer 0.803.20 @angular-devkit/build-webpack 0.803.20 @angular-devkit/core 8.3.20 @angular-devkit/schematics 8.3.20 @angular/cdk 8.2.3 @angular/cli 8.3.20 @angular/fire 5.2.3 @angular/material 8.2.3 @angular/pwa 0.803.20 @ngtools/webpack 8.3.20 @schematics/angular 8.3.20 @schematics/update 0.803.20 rxjs 6.4.0 typescript 3.5.3 webpack 4.39.2

-------------------ERROR-----------------

#npm install

grpc@1.24.2 install D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc node-pre-gyp install --fallback-to-build --library=static_library

node-pre-gyp WARN Using request for node-pre-gyp https download node-pre-gyp WARN Tried to download(404): https://node-precompiled-binaries.grpc.io/grpc/v1.24.2/node-v83-win32-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for grpc@1.24.2 and node@14.1.0 (node-v83 ABI, unknown) (falling back to source compile with node-gyp) gyp ERR! find Python gyp ERR! find Python Python is not set from command line or npm configuration gyp ERR! find Python Python is not set from environment variable PYTHON gyp ERR! find Python checking if "python" can be used gyp ERR! find Python - "python" is not in PATH or produced an error gyp ERR! find Python checking if "python2" can be used gyp ERR! find Python - "python2" is not in PATH or produced an error gyp ERR! find Python checking if "python3" can be used gyp ERR! find Python - "python3" is not in PATH or produced an error gyp ERR! find Python checking if the py launcher can be used to find Python 2 gyp ERR! find Python - "py.exe" is not in PATH or produced an error gyp ERR! find Python checking if Python is C:\Python27\python.exe gyp ERR! find Python - "C:\Python27\python.exe" could not be run gyp ERR! find Python checking if Python is C:\Python37\python.exe gyp ERR! find Python - "C:\Python37\python.exe" could not be run gyp ERR! find Python gyp ERR! find Python ********************************************************** gyp ERR! find Python You need to install the latest version of Python. gyp ERR! find Python Node-gyp should be able to find and use Python. If not, gyp ERR! find Python you can try one of the following options: gyp ERR! find Python - Use the switch --python="C:\Path\To\python.exe" gyp ERR! find Python (accepted by both node-gyp and npm) gyp ERR! find Python - Set the environment variable PYTHON gyp ERR! find Python - Set the npm configuration variable python: gyp ERR! find Python npm config set python "C:\Path\To\python.exe" gyp ERR! find Python For more information consult the documentation at: gyp ERR! find Python https://github.com/nodejs/node-gyp#installation gyp ERR! find Python ********************************************************** gyp ERR! find Python gyp ERR! configure error gyp ERR! stack Error: Could not find any Python installation to use gyp ERR! stack at PythonFinder.fail (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:307:47) gyp ERR! stack at PythonFinder.runChecks (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:136:21) gyp ERR! stack at PythonFinder.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:225:16) gyp ERR! stack at PythonFinder.execFileCallback (C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\lib\find-python.js:271:16) gyp ERR! stack at exithandler (child_process.js:310:5) gyp ERR! stack at ChildProcess.errorhandler (child_process.js:322:5) gyp ERR! stack at ChildProcess.emit (events.js:315:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:274:12) gyp ERR! stack at onErrorNT (internal/child_process.js:468:16) gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:84:21) gyp ERR! System Windows_NT 10.0.17763 gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "configure" "--fallback-to-build" "--library=static_library" "--module=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown\grpc_node.node" "--module_name=grpc_node" "--module_path=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown" "--napi_version=6" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v83" gyp ERR! cwd D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc gyp ERR! node -v v14.1.0 gyp ERR! node-gyp -v v5.1.0 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\node_modules\node-pre-gyp\lib\util\compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:315:20) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:1051:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5) node-pre-gyp ERR! System Windows_NT 10.0.17763 node-pre-gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\node_modules\node-pre-gyp\bin\node-pre-gyp" "install" "--fallback-to-build" "--library=static_library" node-pre-gyp ERR! cwd D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc node-pre-gyp ERR! node -v v14.1.0 node-pre-gyp ERR! node-pre-gyp -v v0.14.0 node-pre-gyp ERR! not ok Failed to execute 'C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=D:\CURSOS\PLATZI\14.PROGRESSIVE_WEB_APPS_CON_ANGULAR\curso-pwa-angular-master\node_modules\grpc\src\node\extension_binary\node-v83-win32-x64-unknown --napi_version=6 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v83' (1) npm WARN axobject-query@2.1.1 requires a peer of eslint@^5 || ^6 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\webpack-dev-server\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\watchpack\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules\karma\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules@angular\compiler-cli\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.24.2 install: node-pre-gyp install --fallback-to-build --library=static_library npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.24.2 install 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\Juan Carlos\AppData\Roaming\npm-cache_logs\2020-09-01T13_25_16_429Z-debug.log

Erik Elyager

student•

Hay unas dependencias que no están encontrando el binario a python, ¿lo tienes en tus variables de ambiente? ¿puedes correr el comando python en terminal sin problemas?

gyp ERR! stack Error: Could not find any Python installation to use

Juan Camilo Guerrero González

student•

Hola, en tu proyecto corre el siguiente comando (rm -rf node_modules) desinstalas las dependencias del proyecto y luego corres ( NPM I ) y vuelves a instalar luego corres, ng update y actualizar el proyecto a tu versión, según lo que veo los CLI son de diferentes versiones

jorge Vivas

student•

companeros solo para avisar el cusro previo "curso angular 8" de la platzi store le dieron de baja y parece que lo actualizaron o particionaron, ahora apunta al curso basico de angular "curso fundamentos de angular"

Hernan Blascovich

student•

¿Cuál es el curso anterior que hicieron la tienda online?

Nicolas Molina

teacher•

Hola! mira es en este: https://platzi.com/clases/angular/

Formacion1 Formacion1

student•

Buenas noches,

El repositorio no existe!

Gracias.

Fernanda Vieira Jófili

student•

Hola! 👉 Aquí el enlace del repositorio.

Jose Daniel Barría Reyes

student•

Interesante seguir con el mismo proyecto! A darle!

fabian miliani

student•

Creo colegas que se debe actualizar el github para que sea mas rápido ponerlo en practica, en mi caso, he tenido ciertos problema con la versión 9.

Christian David Sánchez

student•

Genial :D

Wilson Fabian Pérez Sucuzhañay

student•

El repositorio que dan en el apartado enlaces me da 404

Gerardo Manuel Reyes Fernández

student•

https://platzi.com/clases/1670-angular/23289-haciendo-deploy-a-firebase-hosting/ en los recursos

Wilson Fabian Pérez Sucuzhañay

student•

gracias

Proyecto del curso: Platzi Store

Apropiar el concepto de PWA

Cómo crearás una PWA con Angular

¿Qué son las PWA?

Características de una PWA

PWA vs Híbrido vs Nativo

Los Services Workers

Proyecto del curso: Platzi Store

Entender PWA en Angular

Generando la primer PWA

Caché local y pruebas offline

Pruebas con Lighthouse

Caché de assets

Caché de requests

Construir una PWA luciendo como nativa

Poniendo tu app en el Homescreen

Crear botón de instalación automática

Probar funcionalidad del botón de instalación

Enviando actualizaciones

Implementando flujo de notificaciones

Gestionando notificaciones

Implementación y recomendaciones para IOS

Integrar continuamente

Aplicando Lighthouse Bot a tu proceso de integración continua

Conclusiones