Configurando el proyecto inicial

3/24
Recursos

Para poner en práctica los conocimientos que iremos adquiriendo a lo largo del curso utilizaremos como base una aplicación llamada PlatziPosts, hecha con VueJS y Firebase, que está disponible en la sección de Archivos de esta clase.

Descarga el archivo ZIP, descomprímelo y ejecuta la instalación con npm i. También será necesario configurar el proyecto y la base de datos en la consola de Firebase.

Finalmente, crea la base de datos y habilita la autenticación a través de correo y contraseña en la sección correspondiente, luego transcribe los datos de las credenciales del proyecto suministrados por Firebase en el archivo production.env usando la plantilla example.env.

Si quieres aprender más acerca de la manera de integrar Firebase en tus proyectos, te invito a ver el Curso de Firebase para Web.

Aportes 77

Preguntas 25

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Hare este curso pero testeando otra aplicación, porque a pesar de instalar Node 8, persisten los errores y fallan muchas dependencias y eso que le dedique 2 horas, incluso levante un ambiente con Docker y nada.

Como observación final recomiendo que para los próximos cursos los profesores se aseguren que sus aplicaciones no solo funcionen en sus maquinas, ademas de darle mantenimiento. Es de muy mal gusto comenzar un curso y no poder avanzar porque la instalación resulta ser el capitulo mas complejo del curso.

Actualicen este curso por favor

para los que le sale error en windows tiene que instalar la version 8. pueden usar nvm, para instalar dejo link
https://github.com/coreybutler/nvm-windows

nvm install 8

luego

nvm use 8

y listo ya pueden hacer en su protecto npm install

Bueno por lo que veo las personas de platzi, no hacen actualizaciones a estos cursos, la verdad muchas personas esperaban un curso directo a cypress no que tenian que levantar todo un proyecto el cual ya se encuentra desactualizado por el node que de hecho solo corre en node 8 y estamos en node 12… Después de leer los post de los compañeros se logro levantar el proyecto. Por favor usar un github si van a permitir que sea libre. Gracias

Para los que aun no pueden correr su proyecto pueden realizar lo siguiente (me funciono perfecto):
npm install
npm install [email protected]
npm audit fix
npm run dev

Para los que tienen problemas en Node 10/11, es bronca de Firebase, solo actualicen a Firebase 5.5.9 con

npm install [email protected]

Y ya después tiran el npm install normal y debería funcionar, les dirá que hay un montón de paquetes con vulnerabilidades pero como esto es solo para aprendizaje no hay problema, pueden ignorar eso.

Creo que es hora de actualizar le curso… 😦

SOLUCIÓN para hacer funcionar el proyecto por errores de la versión de node.

Lo normal es que quien instale node para este curso se instale la última versión y con la última versión no funciona el proyecto.
Hay una forma de usar la versión que quieras de node para poder ejecutar este proyecto con node 8.

Si llevas varios intentos, lo primero que te recomiendo es borrar el directorio node_modules.

Después instalar n (Node version management):

npm install -g n

Para indicar que quieres usar la versión 8:

n 8

Tras hacer esto puedes hacer un:

node --version

Y te debería indicar:

v8.15.1

Ahora puedes hacer un:

npm i npm run dev

Y te debería funcionar.

Buena suerte!

Como recomendación:

Este curso debiera acotarse sólo a cypress, que es lo que nos interesa. Tiene demasiadas cosas que no permiten levantar un proyecto limpio (vue, webpack, etc).

Deberian utilizar Git y no archivos .zip.

Buenas,
Si les falla al hacer npm i
Ejecuten antes este comando: npm install react-native [email protected] --save
Saludos!

Realmente quiero tomar este curso, pero con eso de que el proyecto está desactualizado realmente me quitan las ganas

Ejecutar Proyecto con una versión personalizada de Node con NVM

Use Node en la versión v10.24.1

Comparto los paquetes que utilice en el package.json

{
  "name": "platzi-posts",
  "version": "1.0.0",
  "description": "Proyecto demo para implementar Cypress",
  "author": "edsadr",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "lint": "standard",
    "lint-fix": "standard --fix",
    "start": "npm run dev",
    "build": "cross-env NODE_ENV=production node build/build.js"
  },
  "dependencies": {
    "firebase": "^8.5.0",
    "moment": "^2.22.1",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "cross-env": "^5.2.0",
    "css-loader": "^0.28.0",
    "dotenv-webpack": "^1.5.7",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
    "node-sass": "^4.14.1",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "sass-loader": "^7.0.1",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "standard": "^12.0.1",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"
  },
  "engines": {
    "node": ">= 8.0.0",
    "npm": ">= 5.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Crear un nuevo Proyecto en Firebase y y crean un nuevo archivo en en la ruta config/production.env

// env template
apiKey=xxx
authDomain=xxx
databaseURL=xxx
projectId=xxx
storageBucket=xxx
messagingSenderId=xxx

Ejecutar npm run dev

IMPORTANTE: El curso se hizo con la ultima version de LTS en ese momento que era el 8 por o tanto se reecomienda usar esta versión, Node 10 fue lanzado en LTS a finales del mes pasado, para realizar el update de version hay que asegurarse que todas las dependencias del proyecto ya son compatibles con Node 10, eso es todo un proceso un poco complejo que no esta en el scope del curso y por lo tanto usar una versión diferente de Node puede traerte problemas.

Bueno yo me acabo de llevar tremenda palera con la configuración de esto… he instalado hasta python porque me salía un problem ahi…

Pero el inconveniente para los que no les corre en Windows (yo tengo Win10), deben hacer lo siguiente:

LEA TODO ANTES DE INSTALAR.

  1. Tener instalado node, probablemente su última versión a día de hoy es la 12.x.x… Para bajar node, desde aquí: (LTS) https://nodejs.org/es/download/
  2. El proyecto es viejito, está hecho con base en node 8, por ende, deben instalar node 8.
  3. Para instalar node 8 y tener también otras versiones de node y poder usarlas sin problemas, deben instala nvm con eso establecen la version a usar en el proyecto, yo lo descargué de aquí: https://github.com/coreybutler/nvm-windows/releases
  4. Comando para Ver las versiones de node: nvm list.
  5. Comando para establecer la version a usar de node: nvm use x.x.x
    (x.x.x reemplazar la version q usarán)
  6. Aprendí que el NVM en windows molesta mucho por los espacios en los nombres de carpeta, por lo que te recomiendo crear una carpeta en el directorio con un nombre puntual ejemplo: “C:\dev” y cuando estés instalando:
    a) Node: lo instales en C:\dev quedando algo como C:\dev\nodejs
    b) NVM: lo instales en C:\dev quedando algo como C:\dev\nvm
    c) Instala primero Node y luego NVM
  7. Cuando todo esté instalado, desde la ventana de comandos instalas la version que se necesita de node para el proyecto (se necesita la version 8). La instalas con el comando: nvm install 8
  8. Cuando vayas trabajar con el proyecto este, usas el comando que te dije en el paso 5.

Para quienes obtuvieron el siguiente mensaje Function CollectionReference.doc() requires its first argument to be of type non-empty string, but it was: undefined
al momento de registrar o hacer login la solución es esta: en al archivo Login.vue busquen

login() {
                this.performingRequest = true

                fb.auth.signInWithEmailAndPassword(this.loginForm.email, this.loginForm.password).then(user => {
                    this.$store.commit('setCurrentUser', user)
                    this.$store.dispatch('fetchUserProfile')
                    this.performingRequest = false
                    this.$router.push('/dashboard')
                }).catch(err => {
                    console.log(err)
                    this.performingRequest = false
                    this.errorMsg = err.message
                })
            }

busquen la línea:

this.$store.commit(‘setCurrentUser’, user)

y cambienlo por:

this.$store.commit(‘setCurrentUser’, user.user)

Lo mismo en el método singup() busquen la línea:

this.$store.commit('setCurrentUser', user)

y cambenlo por:

this.$store.commit('setCurrentUser', user.user)

Finalmente busquen:

fb.usersCollection.doc(user.uid).set({
                        name: this.signupForm.name,
                        title: this.signupForm.title
                    })

y cambien por:

fb.usersCollection.doc(user.user.uid).set({
name: this.signupForm.name,
title: this.signupForm.title
})

Guarden los cambios y ejecuten, debería perderse el mensaje.
Saludos

Intente con la mayoria de las recomendaciones que dieron para poder levantar el proyecto y no funciono entonces me voy a ir con la que mas prevalece en los comentarios No perder el tiempo en un curso desactualizado

Para los que recién lleguen a este curso… evítense el malestar y mejor busquen otro. En serio que impotencia encontrar un único curso donde donde se maneje cypress y deba pasarme 4 horas tratando de levantar el proyecto inicial. Recomendación señores de platzi: Borren los cursos que ya no sirven, que están desfasados, obsoletos. Es común en esta plataforma buscar un tema en específico y encontrar como resultados más de 4 cursos de lo mismo y el usuario termina confundiéndose más porque debe revisar los videos y comentarios para al menos verificar si otros tienen problemas para mejor no continuar en el. En otras palabras, los usuarios aprecian también la calidad y contenido actualizado, no cantidad de cursos que no sirven o que ya no tienen utilidad.

Hola, para los que tuvieron problemas para visualizar los posts pueden realizar las siguientes modificaciones en store.js :

Buscar las siguientes líneas:

y reemplazarlas por las siguientes:

Hay que buscarle la vuelta para que ande pero de eso se trata esta carrera. Siempre vamos a renegar. En mi caso como mas o menos ya manejo node no tuve mayor problema en solucionarlo.
A la fecha, cómo se van a dar cuenta la consola de firebase hay ciertos cambios que debemos realizar. Les cuento mi experiencia.

Pasos:

1 - nvm i 8.0.0 con esto nos descargamos la versión exacta de node que necesitamos.(tenés que instalar nvm primero si es que no lo tenés, esta herramienta( Administrador de versiones de node o Node version manager ) te permite cambiar de versiones de node con el comando nvm use 8.0.0 en este caso, si pones solo 8 te va a traer la ultima versión de la 8, ya que podes tener varias versiones como 8.0.0, 8.17.0 ). Podes listar las versiones con nvm list.

2 - Corriendo npm i , a mi me pidió la propia consola que instale otra versión de firbase, de nuevo esto es porque las librerías van cambiando e hice lo solicitado, en mi caso fue npm install --save @firebase/app .

3 - Leer las variables de entorno el error que me salió fue Uncaught FirebaseError: projectId must be a string in FirebaseApp.options, en la consola, (siempre la consola abierta para tener un panorama completo) pero en mi caso no me quedaba otra porque la pagina estaba en blanco y el proyecto había compilado bien. Para solucionar esto hice lo siguiente, primero leí el mensaje de la consola, este me decía que projectId debe ser una cadena en FirebaseApp.options, por lo que me pregunte y de que tipo es entonces si yo en production.env si le estoy pasando un string, por lo que puse un console.log en el archivo firebaseConfig.js que esta en la raíz del directorio src para saber que tenía la constante config y me di cuenta que me traía todo undefined. Acá decidí no perder mas tiempo y lo que hice fue leer la variable de entorno o en caso de que no venga se lo paso ahí mismo. ejemplo:

const config = {
  apiKey: process.env.apiKey || "tu apiKey que te traes de firebase",
  authDomain: process.env.authDomain || "tu authDomain que te traes de firebase",
  databaseURL: process.env.databaseURL || "tu databaseURL que te traes de firebase",
  projectId: process.env.projectId || "tu projectId que te traes de firebase",
  storageBucket: process.env.storageBucket || "tu storageBucket que te traes de firebase",
  messagingSenderId: process.env.messagingSenderId || "tu messagingSenderId que te traes de firebase"
}

De nuevo, como esto es para probar y correr local en mi caso lo solucioné así, probablemente tenga que ver con dotenv-webpack que esta en el package pero eso es historia para otro día 😃.
Espero que le sirva mi experiencias, saludos!

A los que le sale la pagina en blanco tienen que añadir en su proyecto estos dos archivos (en el zip no vienen agregados) :

config/production.env
config/test.env

con la configuración siguiente (las credenciales de firebase):

apiKey= xxxxxxx

authDomain= xxxxxxx

databaseURL= xxxxxxx

projectId= xxxxxxx

storageBucket= xxxxxxx

messagingSenderId= xxxxxxx

Tienen que crear dos bases en firebase, una de producción y otra de prueba.

Al correr npm run dev y abrir la app en el browser obtengo el siguiente error:

Uncaught FirebaseError: projectId must be a string in FirebaseApp.options

Muy triste de hacer este curso! primero toca ajustar a la version de node a 8, luego hacer ajustes al loguin pues el archivo que ustedes envian tiene errores “login” . Topo para luego de aceder y encontrarse con esto:
Creo que este curso deberian bajarlo y publicar algo que cumpla con lo que ofrece.

Es engorroso intentar aplicar un proyecto que está completamente desactualizado.

De verdad me da mucha pena que tenga que recurrir a los comentarios u otras fuentes para levantar este proyecto, cada dia mas me arrepiento de platzi, tengo muchos cursos con problemas de este tipo, por que simplemente no actualizan sus cursos. Priorizan la cantidad de cursos que calidad. 😦

Recomiendo ignorar esta clase y saltar a un aplicativo que consigas en Google para hacer pruebas automatizadas. Esta parte es demasiado frustrante para quienes están iniciando. 😃

Una pena, me canse de tratar de configurar este proyecto. No pude acceder por lo desactualizado de las dependencias. Seguire con algunos de testing mas basicos.

Llevo saltando de curso en curso en la carrera de BackEnd con JS por que todos los cursos siempre tienen uno o mas detalles que los arruinan por completo, en este caso es que resulta que hay que crear un proyecto en FireBase, esto me desmotiva ya que lo que quiero aprender es como probar las funciones de una API con Express, abandonare este curso

En el firebase no me aparece como en el video dabaseURL

var firebaseConfig = {
    apiKey: "AIzaSyAV86XxYFT7rtMnYck9P1yMZ6tXivHqgqM",
    authDomain: "platziposts-7a4a5.firebaseapp.com",
    projectId: "platziposts-7a4a5",
    storageBucket: "platziposts-7a4a5.appspot.com",
    messagingSenderId: "1070095339896",
    appId: "1:1070098339896:web:dd8e74a9308d4e69c2aecd"
  };

Pues si no les corre el proyecto pueden al igual que mis compañeros utiliazar node 8, pero además si no les funciona el .env, pueden harcodearlo como lo hice en mi proyecto en el archivo dev.env.js de mi siguiente proyecto

tengo este problema cuando le doy npm run dev, alguien me podria ayudar? gracias

Yo estoy tratando de levantar el proyecto y me da el siguiente error

PS D:\platzi-posts> npm run dev

> [email protected]1.0.0 dev D:\platzi-posts
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 94% asset optimization

 ERROR  Failed to compile with 1 errors                                         4:05:53 PM error  in ./src/assets/scss/app.scss

Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (D:\platzi-posts\node_modules\sass-loader\lib\loader.js:31:19)

 @ ./src/assets/scss/app.scss 4:14-207 13:3-17:5 14:22-215
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js```

Pude correr la App, pero cuando voy a registrarme me parece este error {"error":{"code":400,"message":"API key not valid. Please pass a valid API key.","errors":[{"message":"API key not valid. Please pass a valid API key.","domain":"global","reason":"badRequest"}],"status":"INVALID_ARGUMENT"}} y ahí quede, no he podido avanzar.

Hoy en 2020 la verdad yo no tuve ningún inconveniente para trabajar en el proyecto. Lo cierto es que si tiene muchos paquetes desactualizados y por ende muchas vulnerabilidades pero que se pueden solucionar con npm audit fix.

Lo que yo hice:

npm install
npm audit fix
npm run dev

Todo perfecto por lo menos en esta clase.

Por favor! No es muy dificil que el profe o alguien suba un explicativo de como usar todo cuando estamos con versiones de Node mas actualizadas, dependencias que se actualizaron y demas…

No me funciono… no se por donde empezar a buscar el problema

Function CollectionReference.doc() requires its first argument to be of type non-empty string, but it was: undefined me sigue saliendo este error cuando quierolo loguearme con un usuario alguien me puede ayudar?

Al ejecutar el comando “npm run dev” obtengo los siguientes datos en la consola y los siguientes errores. Alguien me puede ayudar para poder solucionarlos?

> [email protected] dev C:\xampp\htdocs\Platzi\platzi-posts
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

internal/modules/cjs/loader.js:796
    throw err;
    ^

Error: Cannot find module 'dotenv-webpack'
Require stack:
- C:\xampp\htdocs\Platzi\platzi-posts\build\webpack.dev.conf.js
- C:\xampp\htdocs\Platzi\platzi-posts\node_modules\webpack\bin\convert-argv.js
- C:\xampp\htdocs\Platzi\platzi-posts\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:793:17)
    at Function.Module._load (internal/modules/cjs/loader.js:686:27)
    at Module.require (internal/modules/cjs/loader.js:848:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\xampp\htdocs\Platzi\platzi-posts\build\webpack.dev.conf.js:5:16)
    at Module._compile (internal/modules/cjs/loader.js:955:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10)
    at Module.load (internal/modules/cjs/loader.js:811:32)
    at Function.Module._load (internal/modules/cjs/loader.js:723:14)
    at Module.require (internal/modules/cjs/loader.js:848:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\xampp\\htdocs\\Platzi\\platzi-posts\\build\\webpack.dev.conf.js',
    'C:\\xampp\\htdocs\\Platzi\\platzi-posts\\node_modules\\webpack\\bin\\convert-argv.js',
    'C:\\xampp\\htdocs\\Platzi\\platzi-posts\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.```

SOLUCIÓN para hacer funcionar el proyecto por errores de la versión de node.

Lo normal es que quien instale node para este curso se instale la última versión y con la última versión no funciona el proyecto.
Hay una forma de usar la versión que quieras de node para poder ejecutar este proyecto con node 8.

Si llevas varios intentos, lo primero que te recomiendo es borrar el directorio node_modules.

Después instalar n (Node version management):

npm install -g n

Para indicar que quieres usar la versión 8:

n 8

Tras hacer esto puedes hacer un:

node --version

Y te debería indicar:

v8.15.1

Ahora puedes hacer un:

npm i npm run dev

Y te debería funcionar.

Buena suerte!

Hola, estoy corriendo el proyecto sin problemas desde MacOS Catalina, les dejo los pasos:

Primero realicé los pasos para la creación de la base de datos en Firebase para poder crear el archivo production.env. Una vez creado ya procedí a correr el proyecto con los siguientes pasos.

  • ingrese en la carpeta principal del proyecto: platzi-posts

  • desde terminal ingrese:

$ sudo npm install -g n 8 $ node --version $ npm i $ npm run dev

para los que les genera los errores en linux ubuntu de que no puede instalar los paquetes. un compañero más abajo dejó un link de como verificar los updates. si les da pereza ir a ese link acá dejo un paso a paso.

Instalamos el siguiente paquete con permisos sudo

sudo npm install -g npm-check-updates

ejecutamos ncu el cual nos lista los paquetes con sus respectivas versiones actualizadas

$ ncu
Checking /home/user/Documentos/platzi-posts/package.json
[====================] 45/45 100%

 firebase                            ^4.13.1  →  ^7.15.0 
 moment                              ^2.22.1  →  ^2.26.0 
 vue                                  ^2.5.2  →  ^2.6.11 
 vue-router                           ^3.0.1  →   ^3.3.2 
 vuex                                 ^3.0.1  →   ^3.4.0 
 autoprefixer                         ^7.1.2  →   ^9.8.0 
 babel-core                          ^6.22.1  →  ^6.26.3 
 babel-loader                         ^7.1.1  →   ^8.1.0 
 babel-plugin-transform-runtime      ^6.22.0  →  ^6.23.0 
 babel-plugin-transform-vue-jsx       ^3.5.0  →   ^3.7.0 
 babel-preset-env                     ^1.3.2  →   ^1.7.0 
 babel-preset-stage-2                ^6.22.0  →  ^6.24.1 
 chalk                                ^2.0.1  →   ^4.1.0 
 copy-webpack-plugin                  ^4.0.1  →   ^6.0.2 
 cross-env                            ^5.2.0  →   ^7.0.2 
 css-loader                          ^0.28.0  →   ^3.5.3 
 dotenv-webpack                       ^1.5.7  →   ^1.8.0 
 extract-text-webpack-plugin          ^3.0.0  →   ^3.0.2 
 file-loader                          ^1.1.4  →   ^6.0.0 
 friendly-errors-webpack-plugin       ^1.6.1  →   ^1.7.0 
 html-webpack-plugin                 ^2.30.1  →   ^4.3.0 
 node-notifier                        ^5.1.2  →   ^7.0.1 
 node-sass                            ^4.8.3  →  ^4.14.1 
 optimize-css-assets-webpack-plugin   ^3.2.0  →   ^5.0.3 
 ora                                  ^1.2.0  →   ^4.0.4 
 portfinder                          ^1.0.13  →  ^1.0.26 
 postcss-import                      ^11.0.0  →  ^12.0.1 
 postcss-loader                       ^2.0.8  →   ^3.0.0 
 postcss-url                          ^7.2.1  →   ^8.0.0 
 rimraf                               ^2.6.0  →   ^3.0.2 
 sass-loader                          ^7.0.1  →   ^8.0.2 
 semver                               ^5.3.0  →   ^7.3.2 
 shelljs                              ^0.7.6  →   ^0.8.4 
 standard                            ^12.0.1  →  ^14.3.4 
 uglifyjs-webpack-plugin              ^1.1.1  →   ^2.2.0 
 url-loader                           ^0.5.8  →   ^4.1.0 
 vue-loader                          ^13.3.0  →  ^15.9.2 
 vue-style-loader                     ^3.0.1  →   ^4.1.2 
 vue-template-compiler                ^2.5.2  →  ^2.6.11 
 webpack                              ^3.6.0  →  ^4.43.0 
 webpack-bundle-analyzer              ^2.9.0  →   ^3.8.0 
 webpack-dev-server                   ^2.9.1  →  ^3.11.0 
 webpack-merge                        ^4.1.0  →   ^4.2.2 

despues ejecutamos ncu -u

$ ncu -u
Upgrading /home/user/Documentos/platzi-posts/package.json
[====================] 45/45 100%

 firebase                            ^4.13.1  →  ^7.15.0 
 moment                              ^2.22.1  →  ^2.26.0 
 vue                                  ^2.5.2  →  ^2.6.11 
 vue-router                           ^3.0.1  →   ^3.3.2 
 vuex                                 ^3.0.1  →   ^3.4.0 
 autoprefixer                         ^7.1.2  →   ^9.8.0 
 babel-core                          ^6.22.1  →  ^6.26.3 
 babel-loader                         ^7.1.1  →   ^8.1.0 
 babel-plugin-transform-runtime      ^6.22.0  →  ^6.23.0 
 babel-plugin-transform-vue-jsx       ^3.5.0  →   ^3.7.0 
 babel-preset-env                     ^1.3.2  →   ^1.7.0 
 babel-preset-stage-2                ^6.22.0  →  ^6.24.1 
 chalk                                ^2.0.1  →   ^4.1.0 
 copy-webpack-plugin                  ^4.0.1  →   ^6.0.2 
 cross-env                            ^5.2.0  →   ^7.0.2 
 css-loader                          ^0.28.0  →   ^3.5.3 
 dotenv-webpack                       ^1.5.7  →   ^1.8.0 
 extract-text-webpack-plugin          ^3.0.0  →   ^3.0.2 
 file-loader                          ^1.1.4  →   ^6.0.0 
 friendly-errors-webpack-plugin       ^1.6.1  →   ^1.7.0 
 html-webpack-plugin                 ^2.30.1  →   ^4.3.0 
 node-notifier                        ^5.1.2  →   ^7.0.1 
 node-sass                            ^4.8.3  →  ^4.14.1 
 optimize-css-assets-webpack-plugin   ^3.2.0  →   ^5.0.3 
 ora                                  ^1.2.0  →   ^4.0.4 
 portfinder                          ^1.0.13  →  ^1.0.26 
 postcss-import                      ^11.0.0  →  ^12.0.1 
 postcss-loader                       ^2.0.8  →   ^3.0.0 
 postcss-url                          ^7.2.1  →   ^8.0.0 
 rimraf                               ^2.6.0  →   ^3.0.2 
 sass-loader                          ^7.0.1  →   ^8.0.2 
 semver                               ^5.3.0  →   ^7.3.2 
 shelljs                              ^0.7.6  →   ^0.8.4 
 standard                            ^12.0.1  →  ^14.3.4 
 uglifyjs-webpack-plugin              ^1.1.1  →   ^2.2.0 
 url-loader                           ^0.5.8  →   ^4.1.0 
 vue-loader                          ^13.3.0  →  ^15.9.2 
 vue-style-loader                     ^3.0.1  →   ^4.1.2 
 vue-template-compiler                ^2.5.2  →  ^2.6.11 
 webpack                              ^3.6.0  →  ^4.43.0 
 webpack-bundle-analyzer              ^2.9.0  →   ^3.8.0 
 webpack-dev-server                   ^2.9.1  →  ^3.11.0 
 webpack-merge                        ^4.1.0  →   ^4.2.2 

por ultimo ejecutamos npm i para instalar las nuevas versiones de los paquetes

Actualicen el material porque desde el inicio cambiaron muchas cosas.

malisimo el curso, pasa todo por encima sin explicar el paso a paso y en cada video hace lo mismo, cuando dice que hay que reeemplazar en el example.env, no dice en que lugar y como reemplazar por los numeros que te da Fire Base

Actualicen este curso por favor

Curso demasiado desactualizado!!!

Me funcionó sin problemas. Solo tuve que hacer:
npm install
npm audit

👏

Atención!!

Se debe usar versión 8 (por ej v8.17.0) de Node.js, de lo contrario no funciona

Para esto recomiendo usar NVM https://github.com/nvm-sh/nvm
En MAC yo necesité instalar CURL, y para ello necesité Homebrew

Un feedback. Lo ideal seria que Platzi tengan alojado un sitio y que se puedan hacer las pruebas ahi. (por ejemplo automationpractice punto com - no me deja usar el ink directamente)

Eso quita el riesgo de que quede obsoleto el curso.

Al crear un nuevo Post no me aparecen en los post publicados, en la consola de chrome me sale el siguiente error:

store.js?3bf3:23 Uncaught TypeError: Cannot read property ‘doc’ of undefined
at Object.eval [as next] (store.js?3bf3:23)
at next (index.cjs.js?5a4f:21218)
at eval (index.cjs.js?5a4f:19108)

En concreto esta linea

if (querySnapshot.docs.length) {
// eslint-disable-next-line
createdByCurrentUser = store.state.currentUser.uid == querySnapshot.docChanges[0].doc.data().userId
}

para los tengan errores deben instalar nvm y el proyecto corre en node 8. aqui los pasos para instalarlo todo y que corra perfecto en linux

  1. bajar nvm
https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
  1. instalar nvm
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
  1. instalar node
nvm install 8
  1. usar el nuevo node
nvm use 8
  1. seguir la clase

por favor actualicen este curso, fue muy bueno en su momento pero ya necesita cambios.

No puedo correr la aplicación, me aparece el siguiente error:

Por favor que alguien me ayude, necesite continuar con el curso

Si tienes problemas para configurar el proyecto, necesitas tener node 8 para que te deje instalar las dependencias si no te va. a dar error.
Usa NVM para instalar node 8 y poder configurar el proyecto, te dejo un articulo por si no sabes instalar o usar NVM: https://medium.com/devschile/múltiples-versiones-de-node-con-nvm-63b2ac715c38
Ya teniendo instalada la version 8 de node con NVM, ahora si puedes instalar las dependencias con npm install y correr el proyecto con npm run dev

Genial!, pude configurarlo sin problemas 😃

Me presenta el siguiente error cuando ejecuto npm run dev

<0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose stack Error: ENOENT: no such file or directory, open 'C:\Users\Sem-6-INGENIERIAINDU\Downloads\proyecto_658add2e-a293-4e19-bfbb-f0e03fcca853\package.json'
5 verbose cwd C:\Users\Sem-6-INGENIERIAINDU\Downloads\proyecto_658add2e-a293-4e19-bfbb-f0e03fcca853
6 verbose Windows_NT 10.0.17134
7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
8 verbose node v10.15.2
9 verbose npm  v6.4.1
10 error path C:\Users\Sem-6-INGENIERIAINDU\Downloads\proyecto_658add2e-a293-4e19-bfbb-f0e03fcca853\package.json
11 error code ENOENT
12 error errno -4058
13 error syscall open
14 error enoent ENOENT: no such file or directory, open 'C:\Users\Sem-6-INGENIERIAINDU\Downloads\proyecto_658add2e-a293-4e19-bfbb-f0e03fcca853\package.json'
15 error enoent This is related to npm not being able to find a file.
16 verbose exit [ -4058, true ]
>

buenas! ya pude hacer correr el proyecto. pero cuando sigo con la instruccion de generar una cuenta nueva, lleno los datos y cuando quiero guardar me salta ese error, alguien me podria ayudar ?

GRACIAS!!! 4a9fee92-e810-4d09-a1a2-b3def15d7cc8.jpg

Tengo los siguientes errores al ejecutar los comandos, no he podido finalizar la instalación.
¿Alguien que me pueda ayudar?

  • npm install:
    “35047 error code ELIFECYCLE
    35048 error errno 1
    35049 error [email protected] install: node-pre-gyp install --fallback-to-build --library=static_library
    35049 error Exit status 1
    35050 error Failed at the [email protected] install script.
    35050 error This is probably not a problem with npm. There is likely additional logging output above.
    35051 verbose exit [ 1, true ]”

-npm run dev:
"ERROR Failed to compile with 3 errors 11:22:35
These dependencies were not found:

  • firebase in ./src/firebaseConfig.js, ./src/router/index.js
  • firebase/firestore in ./src/firebaseConfig.js"

Al ejecurar npm run dev, obtengo:

Uncaught FirebaseError: Unknown option ‘timestampsInSnapshots’ passed to function settings(). Available options: host, ssl, credentials
at new FirestoreError (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/util/error.js:151:28)
at eval (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/util/input_validation.js:208:19)
at Object.forEach [as c] (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/util/obj.js:59:13)
at validateOptionNames (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/util/input_validation.js:206:58)
at new FirestoreSettings (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/api/database.js:116:101)
at Firestore.settings (webpack-internal:///./node_modules/@firebase/firestore/dist/esm/src/api/database.js:186:27)
at eval (webpack-internal:///./src/firebaseConfig.js:39:4)
at Object…/src/firebaseConfig.js (http://localhost:8081/app.js:4066:1)
at webpack_require (http://localhost:8081/app.js:679:30)
at fn (http://localhost:8081/app.js:89:20)

He incluido en el archivo prod.env.js tal cual se dice en el vídeo la configuración de firebase, pero me aparece el siguiente error al iniciar la app en el navegador:

database.js?b3e7:214 Uncaught FirebaseError: projectId must be a string in FirebaseApp.options

Me he asegurado de que estén entre comillas para que los coja como string si es el caso pero nada …

¿Cómo debe estar ese archivo ?

no pude instalar el proyecto, intente todo lo que han comentado, uso de versiones anteriores de node e intente instalar verciones anteriores de las dependencia de firebase, pero no me funciono

a mi no me deja registrarme me sale este error {“error”:{“code”:400,“message”:“API key not valid. Please pass a valid API key.”,“errors”:[{“message”:“API key not valid. Please pass a valid API key.”,“domain”:“global”,“reason”:“badRequest”}],“status”:“INVALID_ARGUMENT”}} depronto alguien sabe que es?

Al correr npm run dev y abrir la app en el browser obtengo el siguiente error:

Uncaught FirebaseError: projectId must be a string in FirebaseApp.options

Ya corrí npm install [email protected] y nada.
Estoy usando la versión de node: 8.11.3
Y la versión de npm: 5.6.0
Alguna idea?

Gracias desde ya !!

Seria recomendable que tuvieran una imagen en docker o algo para evitar el dolor de cabeza de las dependencias desactualizadas ya lo intente y el proyecto no me funciono

Tengo un problema al hacer npm install
Estoy usando windows 7, y cada vez que intento el paso anterior la consola me indica lo siguiente

> [email protected]1.10.1 install C:\wamp64\www\platzi-posts\node_modules\grpc
> node-pre-gyp install --fallback-to-build --library=static_library

node-pre-gyp ERR! Tried to download(403): https://storage.googleapis.com/grpc-precompiled-binaries/node/grpc/v1.10.1/node-v64-win32-x64-unknown.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected]1.10.1 and node@10.16.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Pre-built binaries not installable for [email protected]1.10.1 and node@10.16.0 (node-v64 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Hit error Connection closed while downloading tarball file```

Tengo el siguiente error hoy 19/abril/2020. Uso mac. Pero creo que todo esta relacionado con este en particular.

Alguien sabe que version de python debo usar?

> [email protected]1.2.12 install /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/fsevents
> node-gyp rebuild

Aquí todo el error:

 npm i
npm WARN deprecated [email protected]2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142

> [email protected]1.2.12 install /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/fsevents
> node-gyp rebuild

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:210:5)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Darwin 19.3.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/fsevents
gyp ERR! node -v v12.13.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok 

> [email protected]4.13.1 install /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/node-sass
> node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/darwin-x64-72_binding.node
Download complete  ⸩ ⠋ :
Binary saved to /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/node-sass/vendor/darwin-x64-72/binding.node
Caching binary to /Users/carlosramirez/.npm/node-sass/4.13.1/darwin-x64-72_binding.node

> [email protected]3.6.5 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/@firebase/polyfill/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: 
> https://opencollective.com/core-js 
> https://www.patreon.com/zloirock 

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)


> [email protected]2.7.4 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/ejs
> node ./postinstall.js

Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/)


> [email protected]6.8.9 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/protobufjs
> node scripts/postinstall


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/babel-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/copy-webpack-plugin/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/css-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/file-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/har-validator/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/postcss-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/sass-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/terser-webpack-plugin/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/uglifyjs-webpack-plugin/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/url-loader/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/webpack-dev-server/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]6.12.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/webpack/node_modules/ajv
> opencollective-postinstall || true

Thank you for using ajv!
If you rely on this package, please consider supporting our open collective:
> https://opencollective.com/ajv/donate


> [email protected]4.13.1 postinstall /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/node-sass
> node scripts/build.js

Binary found at /Applications/XAMPP/xamppfiles/htdocs/platzi master/platzi-posts/node_modules/node-sass/vendor/darwin-x64-72/binding.node
Testing binary
Binary is fine
npm WARN [email protected]3.0.2 requires a peer of [email protected]^3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected]8.1.0 requires a peer of @babel/[email protected]^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected]3.4.1 requires a peer of [email protected]^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]1.2.12 (node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected]1.2.12 install: `node-gyp rebuild`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

added 421 packages from 191 contributors, removed 410 packages, updated 430 packages, moved 8 packages and audited 13929 packages in 113.953s

45 packages are looking for funding
  run `npm fund` for details

found 425 vulnerabilities (1 moderate, 424 high)
  run `npm audit fix` to fix them, or `npm audit` for details

hola, tengo un error :
PS C:\Users\rosa.medina\Documents\platzi-posts> npm i
npm WARN [email protected] requires a peer of [email protected]^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\jest-haste-map\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“win32”,“arch”:“x64”})

added 84 packages from 63 contributors and audited 1914 packages in 14.881s

8 packages are looking for funding
run npm fund for details

found 4298 vulnerabilities (2951 low, 14 moderate, 1331 high, 2 critical)
run npm audit fix to fix them, or npm audit for details
PS C:\Users\rosa.medina\Documents\platzi-posts> npm run dev

[email protected] dev C:\Users\rosa.medina\Documents\platzi-posts
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

95% emitting

WARNING Compiled with 1 warnings 19:48:09
warning in ./node_modules/@firebase/firestore/dist/esm/src/platform_browser/webchannel_connection.js

33:24-33 "export ‘XhrIoPool’ was not found in ‘@firebase/webchannel-wrapper’

https://www.npmjs.com/package/npm-check-updates esto les ayudara a actualizar las versiones de sus paquetes en pakage.json

¿Para hacer pruebas en react native lo más aconsejable es hacerlas directamente en frameworks especializados para ello, como lo son detox, appium, cavy?? ¿ o se pueden hacer mejor usando cypress?

Me siento estafado, pago por una suscripción de un curso que está desactualizado, llevo más de una hora tratando de instalar todo y lo único que he hecho es perder tiempo, si uno paga es por cosas actualizadas… Todo falla, las dependencias, luego queda en blanco la página, errores en los .env…

Que mal, una hora para poder preparar el proyecto para poder aprender cypress, de los cursos que he tomado en platzi la mayoría presenta problemas para poder comenzarlos. Pensé que platzi era algo distinto y mucho mas ágil para aprender pero no encontré nada que me motive a seguir usándolo, siempre encuentro trabas y la organización de los cursos es difícil de entender para alguien que empieza.

Luego de algunas configuraciones, adicionales (instalación de dependencias, actualización de algunas otras) logue deployar el aplicativo, sin embargo al momento de hacer un post en la consola observo el siguiente error, el cual no se logrado solventar alguna solución ?

El error puntualmente es en esta porción de código

      if (querySnapshot.docChanges.length !== querySnapshot.docs.length && querySnapshot.docChanges[0].type == 'added' && !createdByCurrentUser) {
        let post = querySnapshot.docChanges[0].doc.data()
        post.id = (querySnapshot.docChanges())[0].doc.id

        store.commit('setHiddenPosts', post)
      } else {
        let postsArray = []

        querySnapshot.forEach(doc => {
          let post = doc.data()
          post.id = doc.id
          postsArray.push(post)
        })

~\platzi-posts> npm i
npm : El término ‘npm’ no se reconoce como nombre de un cmdlet, función, archivo
o, si incluyó una ruta de acceso, compruebe que dicha ruta es correcta e
inténtelo de nuevo.
En línea: 1 Carácter: 1

  • npm i
  •   + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNotFoundEx  
     ception
      + FullyQualifiedErrorId : CommandNotFoundException

No hay manera humana de hacer correr la aplicación. Actualizad el curso.

Les comparto una alternativa para correr el proyecto mediante docker y docker-compose: https://github.com/crizy182/platzi-post-cypress-course
Yo logré ejecutar un contenedor que corre exactamente todas las dependencias de node 8.
No se necesita saber mucho de Docker, solo es tener las configuraciones básicas y ejectuar desde el directorio del repo:

$ docker-compose up -d

Buenas tardes.
Al correr npm run dev. me general el local, pero me muestra la pagina en blanco y me marca error en el apikey:
Uncaught ReferenceError: ARwrm4T19KTxsH12Qy3296O6hym1 is not defined
at Object.eval (firebaseConfig.js?5140:15)
at eval (firebaseConfig.js:54)
at Object…/src/firebaseConfig.js (app.js:2456)
at webpack_require (app.js:679)
at fn (app.js:89)
at eval (Navigation.vue?9251:17)
at Object…/node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/Navigation.vue (app.js:910)
at webpack_require (app.js:679)
at fn (app.js:89)
at eval (Navigation.vue?5abd:1)

Alguien tiene alguna idea de lo que esta pasando.
Gracias

Pues nada, otro curso que tengo que abandonar porque la configuración es difícil que el curso en sí mismo.