Node Modules

How to use native node modules?

import { Component } from '@angular/core';
import * as c from 'child_process';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app works!';

  constructor() {
    console.log('c', c);
  }
}

Webpack error:

$ npm run build

> angular-electron@1.0.3 build C:\Users\daniel\projects\angular-electron
> ng build && copyfiles main.js dist

Hash: f817a55010bbe497b5df
Time: 8290ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 158 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 3.98 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 9.89 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.07 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]

ERROR in C:/Users/daniel/projects/angular-electron/src/app/app.component.ts (2,20): Cannot find module 'child_process'.

ERROR in C:/Users/daniel/projects/angular-electron/src/app/app.component.ts (2,20): Cannot find module 'child_process'.

ERROR in ./src/app/app.component.ts
Module not found: Error: Can't resolve 'child_process' in 'C:\Users\daniel\projects\angular-electron\src\app'
 @ ./src/app/app.component.ts 11:0-35
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi ./src/main.ts

[maximegris]

Hi,

By default, angular-cli doesn’t seem to be able to import nodeJS native libs or electron libs. The best solution is to override webpack configuration.

I did a test and it seems to work

import { Component } from '@angular/core';
import { ipcRenderer } from 'electron';
import * as childProcess from 'child_process';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'app works!';

  constructor() {
    // Check if electron is correctly injected (see externals in webpack.config.js)
    console.log('c', ipcRenderer);
    // Check if nodeJs childProcess is correctly injected (see externals in webpack.config.js)
    console.log('c', childProcess);

  }
}

I pushed the fix on the master branch and add a new tag 1.1.0. You have to do a yarn or npm installation to install the new dependencies.

Tell me if this correction fix your error.

[shivarajnaidu]

Kindly point some links/tutorials to do this.