Reactjs 将antd与react样板集成

我将其添加到生产配置中：

babelQuery: {
    plugins: [["import", { libraryName: "antd", style: true }]],
  },

---

但我仍然会遇到类似

ReferenceError:Menu未定义的错误。

我是否遗漏了什么？当我在dev config中添加相同的配置时，本地的一切都很好，所以我有点困惑。

我目前遇到了完全相同的问题。所以我会在这里添加额外的信息

我还需要从以下页面输入信息以设置ant design kit：

webpack.dev.babel包含以下babelQuery，运行正常：

babelQuery: {
    presets: ['babel-preset-react-hmre'].map(require.resolve),
    plugins: [['import', { libraryName: 'antd', style: true }]],
},

开发环境运行良好

但是，在向webpack.prod.babel添加相同的插件配置时，如下所示：

babelQuery: {
    plugins: [['import', { libraryName: 'antd', style: true }]],
},

我在运行生产构建后加载页面时遇到了类似@userinev的错误

Uncaught ReferenceError: Menu is not defined

加载从antd库加载的第一个组件时出现问题

从产品配置中删除插件配置时，应用程序正在加载，但缺少样式

更新： 菜单项中的点（.）是生产构建中的问题。 解决方法是创建一个“别名”，如

const Item = Menu.Item;

---

请参阅：

或者，您可以删除导致错误的babel插件package.json上的样板文件：

删除以下内容： “插件”：[ “转换内联元素”

---

]

需要更多信息。如何导入文件本身？这似乎是antd的菜单组件的问题。使用内部使用的RcMenu时，即使在生产模式下也能正常工作。