Avajs+Vue - SyntaxError on node_modules

[JorgeBoscan]

Hi, I've been having this problem since I added amcharts to my webapplication.

Since then, everytime I run the test cases containing the import for amcharts is giving me the following:
`.../node_modules/@amcharts/amcharts4/core.js:8
export { System, system } from "./.internal/core/System";
^^^^^^

SyntaxError: Unexpected token 'export'

name: SyntaxError
message: Unexpected token 'export'
at: |-
  SyntaxError: Unexpected token 'export'
  compileFunction (<anonymous>)
  compile (node_modules/require-extension-hooks/src/hook.js:75:10)
  hook (node_modules/require-extension-hooks/src/hook.js:32:3)
  Object.<anonymous> (components/info_graph/InfoGraphChart.vue:8:39)
  compile (node_modules/require-extension-hooks/src/hook.js:75:10)
  hook (node_modules/require-extension-hooks/src/hook.js:32:3) 
  not ok 5 - test/specs/test.spec.js exited with a non-zero exit code: 1`

I tried adding the amcharts into the ava.setup.js with no success.
I also tried to shallowMount the parent component (which is the one I'm testing) but it still tries to parse to the upper child component.

How am I able to resolve this?

For reference:
Node Version: 15.11.0
NPM Version: 7.6.0

[novemberborn]

It looks like that package is using ES modules. And based on the stack trace you're also using Babel? I'm not sure how all that is meant to fit together. I'm assuming you're building a web app and are using a bundler which manages to patch all these incompatible systems, but it's not so straight-forward in plain Node.js.

AVA isn't adding anything special here.

[JorgeBoscan]

Yeah, you are right.
Babel was active but i was missing the ESM dependency and configuration.

Thanks