Webpack Module Parse Error for @ticketevolution/seatmaps-client with Angular 9

[ajayk146]

I encountered a module parse error while working with the @ticketevolution/seatmaps-client library in an Angular 9 project. The error message suggests that a loader is not configured properly to handle the file type. Below is the error message and the relevant code snippet.

Error Message: ./node_modules/@ticketevolution/seatmaps-client/esm/index.mjs 1482:15 Module parse failed: Unexpected token (1482:15) 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 | rootElement | );

return map?.publicApi;

| } | };

Code Snippet: import {Tevomaps} from "@ticketevolution/seatmaps-client";

const seatmap = new Tevomaps({ venueId: result[0].event_venue.id, configurationId: result[0].configuration.id, ticketGroups: [ { tevo_section_name: result[0].ticketListings.ticket_groups[0].section, retail_price: result[0].ticketListings.ticket_groups[0].retail_price, }, ], });

const seatmapApi = seatmap.build("seatmap"); seatmapApi.highlightSection(this.eventData.ticketListings.ticket_groups.section);