niespodd/package.json

ClaudeSutterlin · 2018-11-19T16:46:33Z

This same fix worked for the jsforce library.

maxim2muchcoffee · 2018-11-20T19:40:14Z

Still works for angular 7.0.0 with web3 v.1.0.0-beta.36, thank you

Komal-bansal · 2018-11-24T08:02:47Z

Thank you so much, i was struggling with this error from last two days.

SamuelMarks · 2018-11-29T10:59:49Z

Thanks, worked with Angular 7.1 with js-git.

markvdesign · 2018-12-26T21:31:51Z

I was having trouble getting this to work but after I deleted the node_modules folder and run npm install again it worked.

AaronBastian · 2019-01-17T12:51:33Z

awesome. thank you!!!

savefolla · 2019-01-24T15:12:59Z

Thanks a lot!

imvikaskohli · 2019-01-31T08:37:20Z

It also works for me. But I run node patch.js and then run the angular project. Thanks man

oDevBR · 2019-02-18T18:24:18Z

Using var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: 'empty', net: 'empty'}'); works for me!
Thx!

Angular - 7.2.3

vishal4799 · 2019-02-24T13:49:49Z

I was getting 'fs' error for ExtJs in angular v7.
I applied above solution and got rid of fs error but getting below error on ng serve :
"No browser version for node.js core module fs available"

ingeJulianLasso · 2019-03-28T04:43:11Z

@literalpie
Hi guys,
This works fine for me. Just get into the node-modules, and move into the browser.js file and change the node: {crypto: true, stream: true}
---node_modules/angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js---
Thanks!!!

Angular CLI: 7.3.6
Node: 10.15.3
OS: linux x64
Angular: 7.2.10
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.13.6
@angular-devkit/build-angular     0.13.6
@angular-devkit/build-optimizer   0.13.6
@angular-devkit/build-webpack     0.13.6
@angular-devkit/core              7.3.6
@angular-devkit/schematics        7.3.6
@angular/cdk                      7.3.5
@angular/cli                      7.3.6
@angular/material                 7.3.5
@ngtools/webpack                  7.3.6
@schematics/angular               7.3.6
@schematics/update                0.13.6
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.29.0

t8 · 2019-04-07T03:59:33Z

I've been stuck on an issue similar to this for over two weeks now and nobody has been able to fix my issue. This fixed it. THANK YOU

keaukraine · 2019-04-16T13:01:42Z

A better approach is to patch Angular's webpack config using customWebpackConfig feature of angular-builders.
It allows merging configs or patching it with custom processing function without monkey-patching angular code in node_modules.

https://github.com/meltedspark/angular-builders

https://github.com/meltedspark/angular-builders/tree/master/packages/custom-webpack#Custom-webpack-server

borch84 · 2019-04-28T01:41:29Z

Hi, I was getting this error:

ERROR in ./node_modules/aws-iot-device-sdk/device/lib/tls.js [ng] Module not found: Error: Can't resolve 'tls' in '/home/borch/Documents/Ionic/aws-iot-mqtt-client/node_modules/aws-iot-device-sdk/device/lib' [ng] ℹ ｢wdm｣: Failed to compile.

Then modified the patch.js file with this content:

const fs = require('fs');
const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';

fs.readFile(f, 'utf8', function (err,data) {
	  if (err) {
		      return console.log(err);
		    }
       var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: \'empty\', net: \'empty\', tls: \'empty\'}');

	  fs.writeFile(f, result, 'utf8', function (err) {
		      if (err) return console.log(err);
		    });
});

I have removed node_modules and rerun npm install on my application root folder and now my ionic application compiles, I am not seeing anymore Can't resolve 'tls'

However, when I inspect the console from my web browser and I getting another error:

filesys.existsSync is not a function

I wonder if this is related to the path itself?

imoaka · 2019-06-25T09:39:57Z

Works!

phpgeekfr · 2019-07-15T09:41:53Z

also working for secp256k1 lib in angular 7. Thanks

iamcco · 2019-08-27T14:11:48Z

works! thanks

VictorSalgado · 2019-09-23T05:46:42Z

Hi, I was getting this error:

ERROR in ./node_modules/aws-iot-device-sdk/device/lib/tls.js [ng] Module not found: Error: Can't resolve 'tls' in '/home/borch/Documents/Ionic/aws-iot-mqtt-client/node_modules/aws-iot-device-sdk/device/lib' [ng] ℹ ｢wdm｣: Failed to compile.

Then modified the patch.js file with this content:
const fs = require('fs');
const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';

fs.readFile(f, 'utf8', function (err,data) {
	  if (err) {
		      return console.log(err);
		    }
       var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: \'empty\', net: \'empty\', tls: \'empty\'}');

	  fs.writeFile(f, result, 'utf8', function (err) {
		      if (err) return console.log(err);
		    });
});
I have removed node_modules and rerun npm install on my application root folder and now my ionic application compiles, I am not seeing anymore Can't resolve 'tls'

However, when I inspect the console from my web browser and I getting another error:

filesys.existsSync is not a function

I wonder if this is related to the path itself?

I'm having this same issue. Did you solve this? Thanks in advance.

nareshnelluri · 2020-02-19T07:45:42Z

Works!!!Thanks

stories2 · 2020-04-17T05:39:56Z

Anyone can explain why it works?

AndreasGassmann · 2020-12-10T08:52:42Z

The path of the config files changed in angular 11, so the new file looks like this:

const fs = require('fs')
const f = 'node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js'

fs.readFile(f, 'utf8', function(err, data) {
  if (err) {
    return console.log(err)
  }
  var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: "empty"}')

  fs.writeFile(f, result, 'utf8', function(err) {
    if (err) return console.log(err)
  })
})

Viterbo · 2020-12-27T18:49:53Z

I've made an app template for myself and I included the following patch, based on same idea.

const file1 = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';
const file2 = 'node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js';

function doReplace(f, cb) {
  fs.readFile(f, 'utf8', function (err,data) {
    if (err) {
        return cb(false);
    }
    var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true}');
    fs.writeFile(f, result, 'utf8', function (err) {
      if (err) {
        console.log(err);
        return cb(false);
      } else {
        console.log('\x1b[36mCan\'t resolve \'stream\'\x1b[0m', "->", '\x1b[32mPROBLEM FIXED!\x1b[0m');
        return cb(true);
      }
    });
  });  
}


doReplace(file1, function(success) {
  if (!success) {
    doReplace(file2, function(success) {
      if (!success) {
        console.error("ERROR: couldn't patch the CipherBase constructor problem with stream.Transform.")
      }
    });
  }
});

Kyatipov · 2021-03-28T21:44:28Z

I cannot find same file

thirupathireddygopal · 2021-04-26T13:10:27Z

OMG, It worked, I did not come over that we must once run npm install after writing this file in order to replace the content added in patch.js file to the node_modules location which we mentioned, got to know after 1 whole day

JamalMohammed143 · 2021-06-02T08:29:10Z

If this doesn't work for you just run 'node patch.js' from the command line once everything else has installed and that will apply the patch for you.

Yes, thank you very much, its works for me

sdykae · 2021-06-28T07:18:15Z

Deprecated:
instead

  resolve: {
    fallback: {
      crypto: false, //add any other libs you need
    },
  }

joanmcruzat · 2021-12-16T17:50:00Z

#14 90.92 Error: Cannot find module '/opt/project/patch.js'
#14 90.92 at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
#14 90.92 at Function.Module._load (internal/modules/cjs/loader.js:725:27)
#14 90.92 at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
#14 90.92 at internal/main/run_main_module.js:17:47 {
#14 90.92 code: 'MODULE_NOT_FOUND',
#14 90.92 requireStack: []
#14 90.92 }

im having error on jenkins build can someone help me ?

crhistianramirez · 2022-01-20T03:58:51Z

This solution doesn't seem to work anymore at least not in angular v13. Check out new solution here

junaidahmed501 · 2022-10-25T06:51:51Z

This solution doesn't seem to work anymore at least not in angular v13. Check out new solution here

It should be obvious that it won't work for Angular 14 as well because there is no browser.js file in the path "node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js"

zfyzjzzl · 2023-05-08T09:07:24Z

It should be obvious that it won't work for Angular 14 as well because there is no browser.js file in the path "node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js"

Yes I was modifying browser.js as well, but now it's gone, and I find a new way:
My currently version: @angular/[email protected]", electron": "^24.1.3", "electron-builder": "^23.6.0".

APPROCH 1:

You need the @angular-builders/custom-webpack, (for me, I just use the latest release and it is ^15.0.0, you may need to adjust in future)
npm install --save-dev @angular-builders/custom-webpack@^15.0.0
update angular.json:

"your-app-name":{
       "architect": {
              "build": {
                      "builder": "@angular-builders/custom-webpack:browser",
                      "options": {
                        "customWebpackConfig": {
                             "path": "./extra-webpack.config.js"
                        },
              "serve": {
                      "builder": "@angular-builders/custom-webpack:dev-server",
                      "options": {
                           "browserTarget":"your-app-name:build"
                      },
...

extra-webpack.config.js

module.exports = {target:'electron-renderer'}

APPROCH 2: Here again we modify the config file :p
Your scripts now should update this file: node_modules\@angular-devkit\build-angular\src\webpack\configs\common.js
And make sure the target will be replaced to 'electron'-renderer' only.
replace old > target: [isPlatformServer ? 'node' : 'web', 'es2015'],
to > target: ['electron-renderer'],

	{...
	"scripts": {
	"postinstall": "node patch.js",
	...
	}
	}

niespodd/package.json

ClaudeSutterlin commented Nov 19, 2018

maxim2muchcoffee commented Nov 20, 2018

Komal-bansal commented Nov 24, 2018

SamuelMarks commented Nov 29, 2018

markvdesign commented Dec 26, 2018

AaronBastian commented Jan 17, 2019

savefolla commented Jan 24, 2019

imvikaskohli commented Jan 31, 2019

oDevBR commented Feb 18, 2019 •

edited

Loading

vishal4799 commented Feb 24, 2019

ingeJulianLasso commented Mar 28, 2019

t8 commented Apr 7, 2019

keaukraine commented Apr 16, 2019

borch84 commented Apr 28, 2019 •

edited

Loading

imoaka commented Jun 25, 2019

phpgeekfr commented Jul 15, 2019

iamcco commented Aug 27, 2019

VictorSalgado commented Sep 23, 2019

nareshnelluri commented Feb 19, 2020

stories2 commented Apr 17, 2020

AndreasGassmann commented Dec 10, 2020 •

edited

Loading

Viterbo commented Dec 27, 2020 •

edited

Loading

Kyatipov commented Mar 28, 2021

thirupathireddygopal commented Apr 26, 2021 •

edited

Loading

JamalMohammed143 commented Jun 2, 2021

sdykae commented Jun 28, 2021

joanmcruzat commented Dec 16, 2021

crhistianramirez commented Jan 20, 2022 •

edited

Loading

junaidahmed501 commented Oct 25, 2022

zfyzjzzl commented May 8, 2023 •

edited

Loading

	// Angular >= 11
	const fs = require('fs')
	const f = 'node_modules/@angular-devkit/build-angular/src/webpack/configs/browser.js'

	fs.readFile(f, 'utf8', function(err, data) {
	if (err) {
	return console.log(err)
	}
	var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true, fs: "empty"}')

	fs.writeFile(f, result, 'utf8', function(err) {
	if (err) return console.log(err)
	})
	});
	// ----

	// For Angular <11
	const fs = require('fs');
	const f = 'node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js';

	fs.readFile(f, 'utf8', function (err,data) {
	if (err) {
	return console.log(err);
	}
	var result = data.replace(/node: false/g, 'node: {crypto: true, stream: true}');

	fs.writeFile(f, result, 'utf8', function (err) {
	if (err) return console.log(err);
	});
	});
	// ----

niespodd/package.json

ClaudeSutterlin commented Nov 19, 2018

maxim2muchcoffee commented Nov 20, 2018

Komal-bansal commented Nov 24, 2018

SamuelMarks commented Nov 29, 2018

markvdesign commented Dec 26, 2018

AaronBastian commented Jan 17, 2019

savefolla commented Jan 24, 2019

imvikaskohli commented Jan 31, 2019

oDevBR commented Feb 18, 2019 • edited Loading

vishal4799 commented Feb 24, 2019

ingeJulianLasso commented Mar 28, 2019

t8 commented Apr 7, 2019

keaukraine commented Apr 16, 2019

borch84 commented Apr 28, 2019 • edited Loading

imoaka commented Jun 25, 2019

phpgeekfr commented Jul 15, 2019

iamcco commented Aug 27, 2019

VictorSalgado commented Sep 23, 2019

nareshnelluri commented Feb 19, 2020

stories2 commented Apr 17, 2020

AndreasGassmann commented Dec 10, 2020 • edited Loading

Viterbo commented Dec 27, 2020 • edited Loading

Kyatipov commented Mar 28, 2021

thirupathireddygopal commented Apr 26, 2021 • edited Loading

JamalMohammed143 commented Jun 2, 2021

sdykae commented Jun 28, 2021

joanmcruzat commented Dec 16, 2021

crhistianramirez commented Jan 20, 2022 • edited Loading

junaidahmed501 commented Oct 25, 2022

zfyzjzzl commented May 8, 2023 • edited Loading

oDevBR commented Feb 18, 2019 •

edited

Loading

borch84 commented Apr 28, 2019 •

edited

Loading

AndreasGassmann commented Dec 10, 2020 •

edited

Loading

Viterbo commented Dec 27, 2020 •

edited

Loading

thirupathireddygopal commented Apr 26, 2021 •

edited

Loading

crhistianramirez commented Jan 20, 2022 •

edited

Loading

zfyzjzzl commented May 8, 2023 •

edited

Loading