在 webpack 配置文件中添加对 typescript 的支持。

在 webpack.config.js 中添加以下代码：

module.exports = {
  ...
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
  },
  module: {
    rules: [
      {
        test: /\.(js|mjs|jsx|ts|tsx)$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
        }
      },
    ],
  },
  ...
};

上述代码定义了对 js、jsx、ts 和 tsx 文件的支持，并更新了 babel-loader 的配置以支持 typescript。此外，还需要使用以下命令安装相关包：

npm install --save-dev @babel/preset-typescript typescript

这将安装 typescript 包并使 Babel 能够识别 typescript 代码。