Integrating an npm module that uses import

[lavolp3]

HI all,

I am trying to write a module around the npm module picnic-api that uses the import function instead of require

import axios from "axios";

This does not work within the Magicmirror environment, I get an error message when I start the mirror.

[13.02.2021 07:21.43.938] [ERROR] /home/pi/MagicMirror/modules/MMM-Picnic/node_modules/picnic-api/index.js:1
import axios from "axios";
^^^^^^

SyntaxError: Cannot use import statement outside a module

Does anyone have a solution for me?
Is there a way to use it or do I need to rewrite the npm module?

[strawberry 3.141]

@lavolp3 which version of nodejs are you running? import is a feature of es6 modules. You can try to enable it like this https://stackoverflow.com/a/45854500

[lavolp3]

@strawberry-3-141 said in Integrating an npm module that uses import:

@lavolp3 which version of nodejs are you running? import is a feature of es6 modules. You can try to enable it like this https://stackoverflow.com/a/45854500

Thanks for the tip. Upgraded to node.js 14.15 but did not work yet.
Seeing "type": "module in my package.json also did not help.
I will have to have a closer look at the link

[sdetweil]

@lavolp3 yiu can also use

const ax = require('axios')

in node_helper.js
after npm install axios

[lavolp3]

@sdetweil that’s not sufficient. There are two more modules imported by the picnic-api module. I could require them all in node_helper but that looks too of much a workaround for me. There should be another way.

[sdetweil]

@lavolp3 sometimes u get to do things that arent perfect. but get to move on.

[karsten13]

@lavolp3

• rename node_helper.js to node_helper.mjs

worked in my test (did not do anything with the imported axios, but mm starts).

[sdetweil]

@karsten13 was node_helper loaded? i doubt it. its optional. so this doesnt help

[karsten13]

@sdetweil no :crying_face:

may using esm library is one approach as described e.g. here https://blog.logrocket.com/how-to-use-ecmascript-modules-with-node-js/

[sdetweil]

@karsten13 in node… but we have a custom environment, that is not node pure…

[sdetweil]

i helped someone with a similar problem but the n module was wrutten in typescript and down compiled to js

https://github.com/Mitica/public-holidays-js

[lavolp3]

@sdetweil @strawberry-3-141
I can’t get it working.
node 14.15 installed.

When I require the “picnic-api” npm module the usual way I get the error message inside the "picnic-api module.

import axios from "axios";
^^^^^^

SyntaxError: Cannot use import statement outside a module

When I do the import like described in the readme the error originates in my node_helper.js

        import PicnicClient, { CountryCodes, ImageSizes, HttpMethods } from "picnic-api";
        ^^^^^^

SyntaxError: Cannot use import statement outside a module

I’m lost. At least the environment of the picnic-api module should be a “pure node” environment, why does the import not work at least in that module?

Changing the index.js inside picnic-api to an .mjs does not help.

Any more ideas?

[sdetweil]

@lavolp3 i do not know. i consider myself a node rookie, and a typescript noobie.

because i am away from my systems i am unable to try different solutions… at least a few more weeks

if u try w

node serverOnly 

does it make a difference?

there the node engine is running the code, vs the engine thru electron…