webpack - Eșec la analiza modulului: Token neașteptat pe HTMLSelectElement Typescript?


Cum să repar această eroare? De ce nu funcționează HTMLSelectElement? Am construit cu webpack. Alte module funcționează. Dacă elimin HTMLSelectElement, nu pot construi, deoarece

Eroare TS2339 (TS) Proprietatea 'options' nu există pe tipul 'HTMLElement'.

index.cshtml

<select class="form-control me-2" name="select">
    <option value="4">Four</option>
</select>
<button class="btn btn-outline-success" id="submit">Search</button>

index.ts

document.getElementById("submit").addEventListener("click", function () {
    const select = document.getElementsByName("select")[0] as HTMLSelectElement;
});

webpack.config.js

const webpack = require('webpack');

module.exports = {
    entry: './Scripts/index.ts',
    output: {
        path: __dirname
            + "/wwwroot/js",
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader',
                ],
            },
        ],
    },
    mode: 'production',
    devtool: 'eval-cheap-source-map',
    optimization: {
        usedExports: true,
    }
};

tsconfig.json

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "ES2020",
    "module": "ES2020",
    "skipLibCheck": true,
    "baseUrl": "node_modules"
  },
  "compileOnSave": true,
  "exclude": [
    "node_modules",
    "wwwroot"
  ],
  "include": [
    "Scripts/*.ts"
  ]
}