Modul Build fehlgeschlagen: SyntaxError: 'Import' und 'Export' möglicherweise nur auf der obersten Ebene

Question

In Webpack Release v2.1.0-beta.28 hinzugefügt (Ich verwende 2.2.0-rc.1):

add import() as Code Splitting construct. It should be used instead of System.import when possible. System.import will be deprecated in webpack 2 release (removed in webpack 3) as it's behavior is incorrect according to the spec.

So i umgewandelt:

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

In:

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

aber erhalten: Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level

Gibt es etwas, das ich der Webpack-Konfiguration hinzufügen muss, damit Importe dort verwendet werden können, wo sie vorgeschlagen werden?

Answer 1

Stand:

https://twitter.com/addyosmani/status/811958786273333248 und https://twitter.com/usefulthink/status/811958593100587009

Die Antwort ist, dass Sie babel-plugin-dynamic-import-webpack