一劳永逸解决umi+antd：Error:Module './antd/es/row/style' does not exit in container

问题

在使用umi+antd进行开发时，您可能会遇到Error:Module './antd/es/row/style' does not exit in container错误。此错误通常出现在您尝试导入antd组件的样式文件时，例如：

import 'antd/es/row/style';

原因分析

此错误的原因是webpack在尝试解析antd组件的样式文件时遇到了问题。这可能是由于以下原因造成的：

• webpack配置不正确 ：webpack的配置可能存在问题，导致无法正确解析antd组件的样式文件。
• antd版本不兼容 ：您使用的antd版本可能与您的webpack配置不兼容。
• 缓存问题 ：webpack的缓存可能存在问题，导致无法正确解析antd组件的样式文件。

解决方案

要解决此错误，您可以尝试以下解决方案：

1. 检查webpack配置 ：确保您的webpack配置正确，可以正确解析antd组件的样式文件。
2. 更新antd版本 ：将antd更新到最新版本，确保与您的webpack配置兼容。
3. 清除缓存 ：清除webpack的缓存，以确保webpack能够正确解析antd组件的样式文件。

具体步骤

1. 检查webpack配置

首先，您需要检查您的webpack配置是否正确。您可以按照以下步骤进行检查：

1. 打开您的webpack配置文件（通常是webpack.config.js）。
2. 找到与样式文件相关的配置项，例如：

module: {
  rules: [
    {
      test: /\.less$/,
      use: ['style-loader', 'css-loader', 'less-loader'],
    },
  ],
},

3. 确保这些配置项正确，可以正确解析antd组件的样式文件。

2. 更新antd版本

如果您使用的是旧版本的antd，您可以尝试将antd更新到最新版本。您可以按照以下步骤进行更新：

1. 打开您的项目目录。
2. 运行以下命令：

npm install antd@latest

3. 清除缓存

如果您已经尝试了以上两种解决方案，但问题仍然存在，您可以尝试清除webpack的缓存。您可以按照以下步骤进行清除：

1. 打开您的项目目录。
2. 运行以下命令：

npm cache clean --force

总结

以上是解决Error:Module './antd/es/row/style' does not exit in container错误的几种解决方案。如果您遇到此错误，您可以尝试按照以上步骤进行解决。