构建时，Webpack解析node_modules的文件路径错误。

当构建时，Webpack解析node_modules的文件路径错误时，可能是由于以下原因导致的：

1. 缺少resolve配置项：在Webpack配置文件中，确保已经设置了正确的resolve配置项，以便Webpack能够正确解析node_modules中的模块。例如：

module.exports = {
  // ...
  resolve: {
    modules: [path.resolve(__dirname, 'node_modules')],
  },
  // ...
};

2. 配置alias别名：有时，某些第三方模块可能有重名的情况，导致Webpack无法正确解析模块路径。可以使用alias别名来解决此问题。例如：

module.exports = {
  // ...
  resolve: {
    alias: {
      // 将重名的模块指向正确的路径
      '重名模块名': path.resolve(__dirname, 'node_modules/正确模块路径'),
    },
  },
  // ...
};

3. 使用其他loader：有时，某些第三方模块需要使用其他loader进行解析，例如css-loader、babel-loader等。确保已经正确配置了相应的loader。例如：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
    ],
  },
  // ...
};

4. 清除缓存：有时，Webpack的缓存可能导致解析路径错误。可以尝试清除缓存并重新构建项目。可以使用clean-webpack-plugin插件来清除缓存。例如：

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
  // ...
  plugins: [
    new CleanWebpackPlugin(),
  ],
  // ...
};

通过以上方法，可以解决Webpack解析node_modules的文件路径错误的问题。