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);