TypeError: (0 , _moment2.default) is not a function

I’m trying to use antd as a component library with my existing build system (webpack 2). Can I use components from this library without importing the entire build system? I did

npm install antd

and in my page, added

import { DatePicker } from 'antd'

export function Page(){
  return <DatePicker/>
}

Error

Uncaught TypeError: (0 , _moment2.default) is not a function
    at Function.getDefaultProps (?d41d*:78)
    at Object.createClass (ReactClass.js:675)
    at Object../node_modules/rc-time-picker/lib/Panel.js (?d41d*:45)
    at __webpack_require__ (bootstrap d2f4533…:689)
    at fn (bootstrap d2f4533…:110)
    at Object../node_modules/antd/lib/date-picker/wrapPicker.js (wrapPicker.js:21)
    at __webpack_require__ (bootstrap d2f4533…:689)
    at fn (bootstrap d2f4533…:110)
    at Object../node_modules/antd/lib/date-picker/index.js (index.js:23)
    at __webpack_require__ (bootstrap d2f4533…:689)

Environment

webpack 2 Antd 2.4.3 Node 7 OSX 10.10

[afc163]

Try this: https://github.com/webpack/webpack/issues/1694#issuecomment-164481066

[deveedutta]

@KhushbooTaneja This alias has to be added in the webpack configuration. details.

  resolve: {
    modules: ['app', 'node_modules'],
    extensions: [
      '',
      '.js',
      '.jsx',
      '.react.js',
    ],
    mainFields: [
      'jsnext:main',
      'main',
    ],
    alias: {
      // required for moment to work properly
      moment: 'moment/moment.js',
    }
  },