cannot use @cornerstonejs/core in vue app

[Дмитрий Фомин]

Hello.

Im try to import @cornerstonejs/core (at guide on cornerstonejs.org) in my vue app

```
<script>
  import { RenderingEngine } from '@cornerstonejs/core';
</script>
```

but have this error:

```
 error  in ./node_modules/@cornerstonejs/core/dist/esm/utilities/loadImageToCanvas.js

Module parse failed: Unexpected token (10:68)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|         function successCallback(image, imageId) {
|             const { modality } = metaData.get('generalSeriesModule', imageId) || {};
>             image.isPreScaled = image.isPreScaled || image.preScale?.scaled;
|             renderToCanvas(canvas, image, modality);
|             resolve(imageId);

 @ ./node_modules/@cornerstonejs/core/dist/esm/utilities/index.js 21:0-52 32:0-679
 @ ./node_modules/@cornerstonejs/core/dist/esm/index.js
 @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/babel-loader/lib??ref--15!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.152:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/VolumeViewport.js

Module parse failed: Unexpected token (197:37)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|                 return entry.uid === volumeId;
|             });
>             volumeActor = actorEntry?.actor;
|         }
|         if (!volumeActor) {

 @ ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/index.js 3:0-46 5:0-122
 @ ./node_modules/@cornerstonejs/core/dist/esm/utilities/getViewportsWithImageURI.js
 @ ./node_modules/@cornerstonejs/core/dist/esm/utilities/index.js
 @ ./node_modules/@cornerstonejs/core/dist/esm/index.js
 @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/babel-loader/lib??ref--15!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.152:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/Viewport.js

Module parse failed: Unexpected token (448:23)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|         }
|         const actorEntry = this.getDefaultActor();
>         if (actorEntry?.actor?.isA('vtkVolume')) {
|             this.updateClippingPlanesForActors(updatedCamera);
|         }

 @ ./node_modules/@cornerstonejs/core/dist/esm/index.js 8:0-50 26:0-661
 @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/babel-loader/lib??ref--15!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.152:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

 error  in ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/StackViewport.js

Module parse failed: Unexpected token (910:51)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|                 triggerEvent(this.element, Events.STACK_NEW_IMAGE, eventDetail);
|                 const metadata = this._getImageDataMetadata(image);
>                 image.isPreScaled = image.preScale?.scaled;
|                 const viewport = getDefaultViewport(this.canvas, image, this.modality, this._cpuFallbackEnabledElement.viewport.colormap);
|                 this._cpuFallbackEnabledElement.image = image;

 @ ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/RenderingEngine.js 8:0-44 157:39-52 315:27-40 358:29-42
 @ ./node_modules/@cornerstonejs/core/dist/esm/RenderingEngine/index.js
 @ ./node_modules/@cornerstonejs/core/dist/esm/utilities/getViewportsWithImageURI.js
 @ ./node_modules/@cornerstonejs/core/dist/esm/utilities/index.js
 @ ./node_modules/@cornerstonejs/core/dist/esm/index.js
 @ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/babel-loader/lib??ref--15!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue?vue&type=script&lang=js&
 @ ./src/views/pages/View.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.152:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
```

what am i doing wrong please tell me?