"Failed to minify code" (create-react-app) about nfc-pcsc HOT 5 CLOSED

Hi @haakonmt,

thank you for posting your issue.

I personally use nfc-pcsc inside an Electron app which is built using Webpack and it works great, but it requires some config (in some cases):

1. if you use Webpack (create-react-app uses it), you need to add nfc-pcsc to externals section in webpack.config.js (it is because it cannot be loaded and built with Webpack as it loads Node native modules)

   {
     // ... your Webpack object
     externals: ['nfc-pcsc']
   }

2. be aware of Node Native modules usage in Electron, see FAQ Can I use this library in my Electron app? in README (it might work out of box, but in most cases you need to rebuild modules)

I hope you will be able to make it work with these info. 🙂

However, if you get stuck, you can create repo with your code (it can be just a minimal example), where the issue occurs and I'll take a look at it (clone, install, run).

Hope it helps.

from nfc-pcsc.

Thank you for the fast response!

Adding the library to webpack's externals seems like a perfectly good solution, but I forgot to add that I would try to avoid ejecting if possible.

Nevertheless, I found a solution! By using window.require to import the nfc module (const { NFC } = window.require('nfc-pcsc');), I was able to make webpack ignore it altogether, while still making it work in a node environment (in my case electron).

from nfc-pcsc.

@haakonmt How did you managed to get this running with React without eject ?
Where did you required the files ?

from nfc-pcsc.

@Ionut-Milas Wherever you want! For instance in src/nfc.js:

const { NFC } = window.require('nfc-pcsc');

const nfc = new NFC();

nfc.on('reader', reader => {
    ...
});

Then at the top of src/index.js: import './nfc';

from nfc-pcsc.

Thanks a lot !

from nfc-pcsc.