Unexpected character '@' (Note that you need plugins to import files that are not JavaScript)

[bsastregx]

Hi there, thanks for such a great package!

I am trying to use fancytree on a stenciljs component.

I have first installed fancytree via npm.

Then I have included the ES6 quickstart suggestion in the component:

import { Component, Host, h } from "@stencil/core";
import $ from "jquery";

import "jquery.fancytree/dist/skin-lion/ui.fancytree.less"; // CSS or LESS

import { createTree } from "jquery.fancytree";

import "jquery.fancytree/dist/modules/jquery.fancytree.edit";
import "jquery.fancytree/dist/modules/jquery.fancytree.filter";

@component({
tag: "gxg-fancy-tree",
styleUrl: "gxg-fancy-tree.scss",
shadow: false,
})
export class GxgFancyTree {
render() {
return hola;
}
}

Then, when I try to run the application, I get the following error:

Unexpected character '@' (Note that you need plugins to import files that are not JavaScript)

Do you have an idea what I am missing?

Thanks in advance.

[mar10]

No clue, sorry. Maybe Stackoverflow can answer it...