Error when importing module

[tklein243]

When ever I use the angular module I get either one of the following two Errors.

import { HighchartsModule } from "nativescript-ui-highcharts";

When I do that the following Error:

'"nativescript-ui-highcharts"' has no exported member 'HighchartsModule'.'

I tried fixing this by doing the following:

import { HighchartsModule } from "nativescript-ui-highcharts/angular";

which fixes the import error but then the TNS build fails and throws the following Error:

CONSOLE ERROR file:///node_modules/@angular/core/fesm5/core.js:4002:0: ERROR Error: Uncaught (in promise): Error: Cannot find module 'Developer/CoreSimulator/Devices/F19F1BA2-1FEE-4609-92EA-DA2F268E69DE/data/Containers/Bundle/Application/E88BD4B3-DD82-4545-B692-323FD861D248/frontendlibraries.app/app/highcharts.xml'

I followed the exact steps from the readme. Is there anything else I have to do?

TNS-version is 6.3

Thank you in advance!

[mhtghn]

Can you remove the imports and add the lines below and tell me if it works so I can update the ReadMe

import {registerElement} from "nativescript-angular/element-registry";

registerElement("Highcharts", () => require("nativescript-ui-highcharts").Highcharts);

[tklein243]

That did not work either.

What worked for me was replacing line 18 in highcharts.js.

I replaced this:

var innerComponent = builder.parse(require(__dirname + '/highcharts.xml'));

with this:

var innerComponent = builder.parse(require('./highcharts.xml'));

[mhtghn]

Hi @tklein243, a new version has been published 1.2.1 with your correction.

Can you try it and confirm that it works now ?