TsconfigPathsPlugin类型与webpack 5不兼容

Question

我正在尝试升级到webpack 5，但是现在我在尝试使用TsconfigPathsPlugin时得到了一个类型错误。(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",

Answer 2

我也面临同样的问题，但使用以下版本：

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