Configurando nuestro frontend

Valdría la pena revisar el curso y actualizarlo donde haga falta. Hasta ahora está muy bien explicado y lo entiendo a la perfección. Muy buen instructor. Sin embargo, debido a la naturaleza del software y los cambios tan rápidos algunos módulos ya no son compatibles y otros simplemente están desatendidos. Afortunadamente me gusta aprender y busco la forma de sobrepasar estos obstáculos por mi cuenta, pero para ser un curso por el que estamos pagando creo que debería contar con una revisión periódica.

Tenéis que actualizar, este curso es casi inservible para la mayoría.

Ya no sé si seguir el curso o me voy a YouTube a buscar algo más actualizado.

1. Electron-compile está depreciado, pero no es necesario usarlo.

2. En windows

consola >> set NODE_ENV=development

devtools.js

const reload = require('electron-reload')

function run_dev_tools() {
    reload(__dirname)
}

exports.run_dev_tools = run_dev_tools

main.js

const devtools = require('./devtools')

if (process.env.NODE_ENV === 'development') {
    devtools.run_dev_tools()
}

Lastima que el proyecto queda deprecado por el uso de las dependencias de este video. Por favor Platzi actualicen este curso.

27/Sep/2022
electron-compile esta deprecado, encontre una solucion para seguir con el curso.

1. ejecutar “npm install electron-reload”

2. En el archivo devtools.js realizar el siguente codigo

const path = require('path')

function devtools(){
    require('electron-reload')(__dirname, {
        electron: path.join(__dirname, 'node_modules', '.bin', 'electron'),
        hardResetMethod: 'exit'
    })
}

module.exports = {
    devtools
}

1. En el archivo principal index.js realizar lo siguiente

const { devtools } = require('./devtools')

if(process.env.NODE_ENV === 'development'){
    devtools
}

Todo lo demás funciona al día de hoy

platzi no podemos avanzar por el contenido de esta clase. actualizen por favor! estamos pagando por este contenido!

Capítulos desactualizados. electron-compile DEPRECATED.

No se puede avanzar de esta clase en windows, ya lo instale todo lei los manuales, y no deja importar como se muestra el video, deben de actualizarlo o ver una manera para que sirva para todos

rayos no se si seguir o dejarlo aqui :0
pero quiero aprender

Ayuda, al correr npm install electron-prebuilt-compile --save-dev me sale todo esto, no se que signifique.
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src\assets> cd…
PS C:\users\elvis\documents\elvis\javascript\electron\siad\src> cd…
PS C:\users\elvis\documents\elvis\javascript\electron\siad> npm install electron-prebuilt-compile --save-dev
npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to “coffeescript” (no hyphen)
npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: Please update to at least constantinople 3.1.1
npm WARN deprecated [email protected]: Deprecated, use jstransformer
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.
npm WARN deprecated [email protected]: This version is no longer maintained. Please upgrade to the latest version.

[email protected] postinstall C:\users\elvis\documents\elvis\javascript\electron\siad\node_modules\electron-prebuilt-compile\node_modules\electron
node install.js

npm WARN [email protected] No repository field.

• [email protected]
  added 428 packages from 506 contributors and audited 4284 packages in 142.437s
  found 6 vulnerabilities (2 low, 4 moderate)
  run npm audit fix to fix them, or npm audit for details

Una solución para electron-compile

Instalan elctron reloader

npm install electron-reloader --save-dev

Pegan este codigo en el index.js o lo importan de devtools.js

const env = process.env.NODE_ENV || 'development';
  
if (env === 'development') {
    try {
        require('electron-reloader')(module, {
            debug: true,
            watchRenderer: true
        });
    } catch (_) { console.log('Error'); }    
}

Electron-compile está obsoleto, asi que aconsejo que busqueis otras soluciones como webpack.

Con la version 4.0.0 de electron-prebuilt-compile da error al ejecutar el comando npm run dev.
Ha alguien le paso y sabe como solucionarlo? Yo no he encontrado solucion aun.

App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:25:20)
at main (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:44:23)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:61:1)
at Object.<anonymous> (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron-prebuilt-compile/lib/es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (/home/spizzirri/Proyectos/Platzi/electron/node_modules/electron/dist/resources/default_app.asar/main.js:119:12)

Con la version 1.6.6, como muestra el video, si me funciono.

Tengo esto errror alguien que me pueda ayudar
App threw an error during load
TypeError: _fs2.default.statSyncNoException is not a function
at findPackageJson (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:25:20)
at main (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:44:23)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:61:1)
at Object.<anonymous> (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\lib\es6-init.js:63:3)
at Module._compile (internal/modules/cjs/loader.js:693:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:704:10)
at Module.load (internal/modules/cjs/loader.js:602:32)
at tryModuleLoad (internal/modules/cjs/loader.js:541:12)
at Function.Module._load (internal/modules/cjs/loader.js:533:3)
at loadApplicationPackage (C:\Users\Iran Canul\Documents\Cursos\electro\node_modules\electron-prebuilt-compile\node_modules\electron\dist\resources\default_app.asar\main.js:119:12)

recomendacion para los que estan trabajando EN WINDOWS, realicen el procedimiento del npm install cross-env --save a penas terminen de hacer la instalacion del electron-compile (minuto 7:30)…

despues de varios intentos pude hacerlo asi y se evitan varios dolores de cabeza…

Para cuando una actulizacion…

electron-compile

liveReload

Para todos los que tenemos problemas para seguir el curso por lo mucho que ha cambiado esta tecnología.

La forma que encontré para poder seguir el curso sin problemas fue instalar las versiones exactas que esta usando el profesor en el curso, por ejemplo en lugar de solo darle “npm install electron”, colocar "npm i [email protected]"
lo mismo para todos los paquetes que instala a lo largo del curso
npm i [email protected]
npm install [email protected] --save-dev
npm r electron–save && npm install --save [email protected]
npm install --save [email protected]
npm install [email protected] --save

cada que el profe instale un paquete durante el curso va a tocar fijarse cual es la versión que le indica en la consola que fue instalada e instalar exactamente esa

uff, que mala experiencia

Tuve que dejarlo al curso…muy desactualizado y no funciona a partir de las ultimas instalaciones. Me funciono hasta la ventana amararilla con los dos parrafos

El curso esta Algo o mucho desactualizado 🥲

Listo compae

cross-env

¿Qué significa esto?

process.env.NODE_ENV```