Question

我在我的应用程序中使用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本身。我无法使用相同的最新稳定版本"antd": "^3.7.3"在Codepen上的一个小型测试用例上重现该问题。

可能会发生什么？我需要重写某些选择性的项目范围导入吗？

Answer 1

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

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

rm -rf ./node_modules && npm install

无法从antd react库导入Drawer组件

1 个答案: