I am working on a project that involves using Webpack and TypeScript. However, when attempting to run the development server, I encountered numerous errors related to the html-webpack-plugin. This is a snippet of the output:
> [email protected] dev /home/alejo/tecnimaq/tecnilab/tecnilab-frontend
> cross-env NODE_ENV=development webpack-dev-server --mode=development --inline --hot
ℹ ｢wds｣: Project is running at http://localhost:8080/
...
<em>(Truncated for brevity)</em>...
...
ERROR in /home/alejo/tecnimaq/tecnilab/tecnilab-frontend/node_modules/html-webpack-plugin/index.js
[tsl] ERROR in ...
For the full error details, please refer to https://pastebin.com/NJXnbkAq
If additional information is needed to diagnose this issue, kindly let me know. Here is the excerpt from my package.json:
{
"name": "tecnilab-frontend",
"version": "0.1.0",
"private": true,
...
Further configuration details can be found in the webpack.config.js file:
const webpack = require('webpack')
const path = require('path')
...
Lastly, here is a snippet from my index.tsx file:
import React from 'react'
import ReactDOM from 'react-dom'
...