模块构建失败:SyntaxError:' import'和'出口'可能只出现在顶层

时间:2016-12-22 10:54:51

标签: webpack

在webpack版本v2.1.0-beta.28中,他们添加了(我使用2.2.0-rc.1):

  

import()添加为Code Splitting构造。它应该用来代替   System.import尽可能{。}}。 System.import将被弃用   webpack 2发布(在webpack 3中删除),因为它的行为不正确   根据规范。

所以我转换了:

require.ensure(['./hero/homepage'], () => {
  require('./hero/homepage')
}, 'hero-homepage')

进入:

import('./hero/homepage')
  .then(module => module.default)
  .catch(err => console.error(`Chunk loading failed, ${err}`))

但是得到:Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level

我是否需要添加到webpack配置中以允许在他们建议的地方使用导入?