启用按需加载后报错 提示Menu is not defined

[zhi3210happy]

when I use it ，conslelog error
Menu is not defined

[sorrycc]

Please provide the code for reproduce.

[chungwong]

I do have a demo repo for the same error.
https://github.com/chungwong/babel-plugin-import-failed

clone and npm install
and you will see some component is not defined.

and antd is imported in .babelrc file

{
  "passPerPreset": true,
  "plugins": [
    "relay",
    "transform-runtime",       
    **["import", {"libraryName": "antd", "style": "css"}]**
  ],
  "presets": [
    "react",                   
    "es2015",                  
    "stage-0"
  ]
} 

[rdshoep]

I had this problem too.

antd: 2.13.7
babel-plugin-import: 1.6.2

And I have tried to rm -rf node_modules/ && npm install，It's useless.

I found that:
1.

import {Layout} from 'antd'
const {Header, Footer, Content} = Layout

render(){
    <Layout>
        <Header></Header>
        <Content></Content>
        <Footer></Footer>
    </Layout>
}

It's OK.

import {Layout} from 'antd/lib/layout'

render(){
    <Layout>
        <Layout.Header></Layout.Header>
        <Layout.Content></Layout.Content>
        <Layout.Footer></Layout.Footer>
    </Layout>
}

It's OK.

import {Layout} from 'antd'

render(){
    <Layout>
        <Layout.Header></Layout.Header>
        <Layout.Content></Layout.Content>
        <Layout.Footer></Layout.Footer>
    </Layout>
}

It will throw error: Layout is not undefined.

[zhi3210happy]

关闭webpack react生产模式核心压缩功能即不会报错。
remove these：

new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production")
}
});

[dehypnosis]

hmm. then how make antd work on NODE_ENV=production?

[JHanLu]

@zhi3210happy 相同的情况

[yixianle]

me too！

After the build

[pascalduez]

Hi,

we encounter similar issues while running our test with coverage enabled... jest --coverage.

import { Menu } from 'antd';

const { Item } = Menu;

ReferenceError: Layout is not defined

While

import { Menu } from 'antd';

const Item = Menu.Item;

All fine...

[ghost]

Did anyone resolved this Reference Error: is not defined?

I am having the same issue.

I am testing antd/antd-mobile with Meteor React Apollo server. After installing babel-plugin-import, recommended by the official doc. This error came up.

[sigarron]

got the same problem after package a win32 distribution version.
but, it seems work fine in dev-env

[sigarron]

find a way to solve this problem.
ant-design/ant-design#5060