1. 程式人生 > >Ant design 項目打包後報錯:"Menu(or Flex) is not defined"

Ant design 項目打包後報錯:"Menu(or Flex) is not defined"

方式 查找 item back TP mob -m flex alt

我的項目使用了ant-design 和 ant-design-mobile,在測試環境上沒問題,但是打包發布之後控制臺報錯

Menu is not defined

Flex is not defined

經過一番查找,終於發現問題的原因:

我在代碼中使用Menu 和 Flex 組件的方式是這樣的:

<Menu.Item>xxxx</Menu.Item>
<Flex.Item>xxxx</Flex.Item>

打包的時候使用了babel-react-optimize

技術分享圖片

這個庫包含四個子庫,會對react代碼進行優化,可能是因為其中某個子庫對帶點的標簽如:<Menu.Item>無法識別

導致的,具體是哪個我還沒找到,因為官方提供的文檔也沒有說明。

解決方案:

const MenuItem = Menu.Item
const FlexItem = Flex.Item

<MenuItem>xxx</MenuItem>
<FlexItem>xxx</FlexItem>

Ant design 項目打包後報錯:"Menu(or Flex) is not defined"