npm start fails in safe_app_electron_quick_start

[rKinson]

I'm using Atom IDE and I have already worked through the Electron quick start tutorial without errors.

I'm at this point in the safe_app_electron_quick_start tutorial;

"At this point we have an Electron application ready to be launched, let's run it:

$ npm start

You should see a "Hello SAFE Network!" message in our app's window and an empty list of trips. We are now ready to start creating the code to be able to store the planned trips into the SAFE Network."

Terminal output is;

PS C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start> npm start
> [email protected] start C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start
> electron .
 
C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start\main.js:57
app.on('ready', createWindow)
   ^
 
TypeError: Cannot read property 'on' of undefined
    at Object.<anonymous> (C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start\main.js:57:4)
    at Object.<anonymous> (C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start\main.js:83:3)
    at Module._compile (module.js:569:30)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
    at Function.Module._load (module.js:458:3)
    at Function.Module.runMain (module.js:605:10)
    at startup (bootstrap_node.js:167:16)
    at bootstrap_node.js:589:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `electron .`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start 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\Admin\AppData\Roaming\npm-cache\_logs\2018-10-16T06_17_41_848Z-debug.log

Log output is;

PS C:\Users\Admin\AppData\Roaming\npm-cache\_logs> gc 2018-10-16T06_17_41_848Z-debug.log
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   'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle [email protected]~prestart: [email protected]
6 info lifecycle [email protected]~start: [email protected]
7 verbose lifecycle [email protected]~start: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~start: PATH: C:\Program Files\nodejs\node_modules\npm\node_
modules\npm-lifecycle\node-gyp-bin;C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start\node_modules\.
bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbe
m;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\Java\jdk1.8.0_181\bin;C
:\Program Files\nodejs\;C:\Program Files\Calibre2\;C:\Users\Admin\AppData\Local\Microsoft\WindowsApps;C:\Users\Admi
n\AppData\Roaming\npm;C:\Users\Admin\Documents\NetBeansProjects\Shared\ANT\apache-ant-1.10.5\bin;C:\Users\Admin\Doc
uments\NetBeansProjects\Shared\GWT\gwt-2.8.2;
9 verbose lifecycle [email protected]~start: CWD: C:\Users\Admin\github\safe_examples\safe_app_el
ectron_quick_start
10 silly lifecycle [email protected]~start: Args: [ '/d /s /c', 'electron .' ]
11 silly lifecycle [email protected]~start: Returned: code: 1  signal: null
12 info lifecycle [email protected]~start: Failed to exec start script
13 verbose stack Error: [email protected] start: `electron .`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecyc
le\index.js:285:16)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at EventEmitter.emit (events.js:214:7)
13 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecyc
le\lib\spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at ChildProcess.emit (events.js:214:7)
13 verbose stack     at maybeClose (internal/child_process.js:925:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\Admin\github\safe_examples\safe_app_electron_quick_start
16 verbose Windows_NT 10.0.17134
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.j
s" "start"
18 verbose node v8.11.3
19 verbose npm  v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] start: `electron .`
22 error Exit status 1
23 error Failed at the [email protected] start script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

[bochaco]

Hi @rKinson , can you please confirm you are running all the steps from the shell console and not from an Atom addon?
I just looked it up on the web and it seems that could cause problems with Electron. Can you please try removing the node_modules folder and doing npm i followed by npm start from a shell console?

[hunterlester]

I have already worked through the Electron quick start tutorial without errors.
I'm at this point in the safe_app_electron_quick_start tutorial

You went through the tutorial once already with success?
This second time around did you clone into a different directory or are you using the same directory?
Verify that electron has been installed in your node_modules directory of the project.
Next, I'd do something like place a log below this line to verify that electron module exists at run time.

Another possibility: Open Task Manager and look for electron processes that might be hanging. End those tasks if present.

[rKinson]

@bochaco @hunterlester hello :-)
I have re-formatted my laptop today (not related to this - I just do every now and then) so I will try the tutorial again and let you know what happens with a brand new system.

[bochaco]

Ok @rKinson , if it works we can add that to the tutorial, "re-format your laptop" :D just kidding ofc!! :D
Please make sure you run the npm commands from a shell console and not from any Atom addon/console