TsconfigPathsPlugin 类型与 webpack 5 不兼容

Question

我正在尝试升级到 webpack 5，但我现在遇到类型错误尝试使用 TsconfigPathsPlugin。 (npm tsconfig-paths-webpack-plugin).

我需要这个插件以便我可以解析文件中的别名路径。您可以在此处查看用法示例：https://betterprogramming.pub/the-right-usage-of-aliases-in-webpack-typescript-4418327f47fa

resolve: {
    extensions: [...],

    // resolve aliases from tsconfig.server.json
    plugins: [
      new TsconfigPathsPlugin({ // type error here
        configFile: './tsconfig.server.json',
      }),
    ],

    alias: {...},
},

我收到以下错误：

Type 'TsconfigPathsPlugin' is not assignable to type '"..." | ResolvePluginInstance'.
Type 'TsconfigPathsPlugin' is not assignable to type 'ResolvePluginInstance'.
Types of property 'apply' are incompatible.

我感觉这不是一个普遍存在的问题，因为我看不到任何提及在其他地方，但我本以为我至少能找到一个人遇到了同样的问题。

Answer 1

我遇到了同样的问题，但是今天我发现这个插件在以下版本下工作。

"tsconfig-paths-webpack-plugin": "^3.5.1",
"webpack": "^5.51.1",

TsconfigPathsPlugin 类型与 webpack 5 不兼容

TsconfigPathsPlugin type not compatible with webpack 5

typescript

webpack

webpack-5