Issue found when installing 'request' package

I installed require npm package on app, imported it in react module, and got this error:

Error in ./~/request/lib/har.js
Module not found: Error: Cannot resolve module 'fs' in D:\projects\date-range-picker\node_modules\request\lib
 @ ./~/request/lib/har.js 3:9-22

Error in ./~/request/~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'net' in D:\projects\date-range-picker\node_modules\request\node_modules\forever-agent
 @ ./~/request/~/forever-agent/index.js 6:10-24

Error in ./~/request/~/forever-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in D:\projects\date-range-picker\node_modules\request\node_modules\forever-agent
 @ ./~/request/~/forever-agent/index.js 7:10-24

Error in ./~/request/~/tough-cookie/lib/cookie.js
Module not found: Error: Cannot resolve module 'net' in D:\projects\date-range-picker\node_modules\request\node_modules\tough-cookie\lib
 @ ./~/request/~/tough-cookie/lib/cookie.js 32:10-24

Error in ./~/request/~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'net' in D:\projects\date-range-picker\node_modules\request\node_modules\tunnel-agent
 @ ./~/request/~/tunnel-agent/index.js 3:10-24

Error in ./~/request/~/tunnel-agent/index.js
Module not found: Error: Cannot resolve module 'tls' in D:\projects\date-range-picker\node_modules\request\node_modules\tunnel-agent
 @ ./~/request/~/tunnel-agent/index.js 4:10-24

Is a very similar issue to what’s described here: https://github.com/request/request/issues/1691

In the issue above is indicated to tweak the webpack.config.js file to cater for those elements that are being called.

Is there any known workaround for this?

[gaearon]

Verified that this fixes the problem in your repo:

         function search(query) {
-            return fetch(`/api/holidays?${query}`, {
+            return fetch(`/holidays?${query}`, {
                 accept: 'application/json',                
             }).then(checkStatus)
             .then(parseJSON);
@@ -129,7 +129,7 @@ class Form extends Component {
           return response.json();
         }

-        search(querystring);
+        search(querystring).then(result => console.log(result));

     }

[gaearon]

then added the string /api/ in the fetch() call

You don’t need to. Why did you do this?

We don’t treat URLs starting with /api in any special way. We just prepend the proxy URL to the URL you pass to fetch().

So it tried to load https://holidayapi.com/v1/api/holidays because that’s what you get by concatenating https://holidayapi.com/v1 and /api/holidays. You probably meant fetch('/holidays') instead.