'How to Import nodes modules in react native

hope you're doing well.

I'm new at react native and i'm stuck with a problem while trying to import a node module.

I need to create an app that will get orders from the API of a Wordpress Website with WooCommerce.

I first created a project with the command create-react-native-app picking then npm install. It's creating a structure like this in the project folder named picking:

node_modules
App.js
app.json
App.test.js
etc....

Then I installed the package woocommerce-api with npm install woocommerce-api --save (https://www.npmjs.com/package/woocommerce-api). This package allow me to do request to the WooCommerce API easier.

I want to not put the config to the WooCommerce API in the App.js, so I created a folder src and a folder woocommerce with a file api.js (should I write it with the first letter in uppercase ?) in it and I added import Api from 'picking/src/woocommerce/api'; in my App.js.

So now the structure is

node_modules
src
  -- woocommerce
    -- api.js
App.js
app.json
App.test.js
etc....

The problem is that I can't achieve to import the WooCommerceAPI module from woocommerce-api, no matter what I set in path to get the module.

There is the file api.js at the moment :

import WooCommerceAPI from '../../woocommerce-api';

var Api = new WooCommerceAPI({
    url: 'http://localhost/mysite',
    consumerKey: 'ck_xxxxxxxxxxxxxxxxxxxxxxxxxx',
    consumerSecret: 'cs_xxxxxxxxxxxxxxxxxxxxxxxxxxx',
    wp_api: true,
    version: '/wc/v2',
    queryStringAuth: true
});

export default Api;

And I get the error :

Unable to resolve module '../../woocommerce-api' from etc ...

I can't find what is the problem and why this is not working. If you could help me on this, it would be very nice.

Have a nice day everyone :)

EDIT: I changed the line for the import to import WooCommerceAPI from 'woocommerce-api'; and I got a new error : Metro Bundler has encountered an internal error, please check your terminal error output for more details, but there is nothing in the terminal except Failed building JavaScript bundle.

EDIT2: I downgrade node from 9.4 to 8.0.0 and restart the project. I got the same error but in the terminal i now get this in yellow/orange : Problem checking node_modules dependencies: Unexpected end of JSON input

Solution 1:^[1]

Okay, so I find a workaround. In fact, the import is working. For some reason that i don't know, this is the npm package that is not working and make the app crash.

So I removed the package woocommerce-api and I create a file in src/woocommerce called woocommerce-api.js, then I copied the content of this https://github.com/minhcasi/react-native-woocommerce/blob/master/WooCommerceAPI.js that is the same as the one in the npm package and I pasted it in my woocommerce-api.js. I import it in my api.jsfile and "voilà" !

Seems to work fine.

Solution 2:^[2]

As you install woocommerce-api in your project there is no need to place the location like ../../woocommerce-api.

just change ../../woocommerce-api to woocommerce-api and your project should work.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Alexis Vandepitte
Solution 2	Rajesh Bhartia

'How to Import nodes modules in react native

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]