claudioc / electron-typescript-react-quick-start Goto Github PK

I have been trying to import "child_process" inside of my electron-aurelia project but with no success. So far I have tryied

const ChildProcess = require('child_process');

and

import * as ChildProcess for "child_process"

but none of the above work. The first one returns the following error:

Error: Module name "child_process" has not been loaded yet for context

and the second returns error:

Failed to load resource: net::ERR_FILE_NOT_FOUND child_process.js

Can anybody help me with this issue?
Thank you

Hello Claudio, thanks very much for this "quick start". It was quick to set up but I have hit a roadblock quite quickly afterwards. If this question has an obvious answer, please excuse me as I am pretty now to a lot of these technologies.

I want to make an electron app which accesses the file system. At first I assumed that the file access would have to be from the main thread and the render thread would have to talk to the main thread through "remote" or "ipc". But later I read that the rendering thread can use the node "fs" library to access the filesystem directly.

I have tried both of these options, and I'm basically coming up against the same problem, which is that I don't know how to get the browser to find the right libraries when they are not part of the node_modules directory.

If I try adding a line like import fs from 'fs'; in hello-world.tsx, the Typescript compiles fine but when I run the application, the chrome devtools window gives an error like this:

Failed to load resource: net::ERR_FILE_NOT_FOUND
Error: (SystemJS) XHR error loading file:///D:/Mike/Dev/mike-electron-typescript-react/dist/fs(…)

I notice that in your index.html, you do the following to make SystemJS able to know where the React and ReactDOM libraries are found,

System.config({
            map: {
                'react': '../node_modules/react/dist/react.js',
                'react-dom': '../node_modules/react-dom/dist/react-dom.js'
            },

So my first instinct was to add another like that is like these, until I realized that 'fs' is not present in node_modules. From what I understand now, you don't need to "npm install" fs because it is part of node's core modules. But then it's not clear to me what the right move is to get SystemJS to find it.

I read a couple of threads like these two:
systemjs/systemjs#124 ("Can't load Node core modules")
aurelia/skeleton-navigation#537 ("Accessing Node core modules from within an Aurelia Electron App")

but both discussions have a lot of back and forth, some other things that cloud the discussion, and if there was a conclusion to them, it was not clear what it was or how to apply it.

So I'm just wondering if you have a simple answer to this problem of how to import fs into one of the renderer-side tsx files.

I encountered basically the same problem before I discovered that fs could be used from the render thread, where I was trying to use "electron.ipcrenderer" but then failiing to be able to load "electron" in a similar way and not being able to figure out what the appropriate thing to add to the systemjs configuration was.

Any help is appreciated!

Not a lot of .ts files in here.