无法从antd-react库导入Drawer组件

Question

我在react应用程序中使用antd组件。在所有组件中，我面临着仅导入和使用Drawer组件的困难。所有其他部件工作正常。我的代码相当简单。

import React from 'react';
import { Layout, Menu, Button, Drawer } from 'antd';
export class MyDesign extends React.Component {
...
render() {
return (
<div>
<Button />                              <-- works fine
<Drawer title="Test" visible={true}>    <--- doesn't work
<p>Some contents...</p>
</Drawer>
</div>
);
}
}

这导致从webpackHotDevClient内发出以下控制台警告

'antd' does not contain an export named 'Drawer'.

这表明问题在于我的应用程序如何导入antd，而绝对不是antd本身。我无法在codepen上的一个小测试用例中重现这个问题，使用的是"antd": "^3.7.3"的最新稳定版本。

可能发生了什么？是否有某种选择性的项目范围导入需要我覆盖？

Answer 1

您的node_modules中似乎有一个旧版本的antd，并且您只更新了package.json以包含最新版本，而没有重新安装它。

您可以删除node_modules并重新安装所有内容，以获得package.json:中列出的每个依赖项的所有版本

rm -rf ./node_modules && npm install