TypeError：无法读取未定义 Webpack 的属性“0”答案

【问题标题】：TypeError: Cannot read property '0' of undefined WebpackTypeError：无法读取未定义 Webpack 的属性“0”
【发布时间】：2017-10-25 09:58:25
【问题描述】：

我正在尝试创建一个 ant-design 的演示，因为我已经安装了 ant-design，现在当我点击时

npm start

我收到了这个错误

           dora: listened on 8000
????  1/2 build modules/opt/lampp/htdocs/antddemo/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:19
                        const dependency = data.dependencies[0];
                                                            ^

TypeError: Cannot read property '0' of undefined
    at /opt/lampp/htdocs/antddemo/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:19:40
    at /opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/webpack/lib/NormalModuleFactory.js:159:3
    at NormalModuleFactory.<anonymous> (/opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/tapable/lib/Tapable.js:82:11)
    at /opt/lampp/htdocs/antddemo/node_modules/npm-install-webpack-plugin-cn/src/plugin.js:24:7
    at /opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:24:19
    at onResolved (/opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/enhanced-resolve/lib/Resolver.js:38:18)
    at innerCallback (/opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/enhanced-resolve/lib/Resolver.js:94:11)
    at loggingCallbackWrapper (/opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/enhanced-resolve/lib/createInnerCallback.js:21:19)
    at /opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/tapable/lib/Tapable.js:134:6
    at /opt/lampp/htdocs/antddemo/node_modules/atool-build/node_modules/enhanced-resolve/lib/ModulesInDirectoriesPlugin.js:54:23

我尝试了几种解决方案，但由于我是 ant-design 的新手，因此很难理解这个概念。有人帮我解决这个问题吗？

提前致谢:)

【问题讨论】：

你能分享这个声明 (const dependency = data.dependencies[0];) 发生的文件吗？你的 webpack 配置呢？

标签： reactjs npm webpack antd

【解决方案1】：

通过以下安装解决了这个问题

install extract-text-webpack-plugin@^2.0.0-beta

参考： Webpack Issue#2764

【讨论】：