Importing framework7/framework7.esm.bundle.js breaks cordova build

I have a cordova + vue + webpack3+ framework7 v3 project i’m trying to build but as soon as i add import Framework7 from 'framework7/framework7.esm.bundle.js' to my main.js file and run the android build it breaks my cordova app.

I get 2 errors in the console:

  1. “Uncaught SyntaxError: Unexpected token *”, source: file:///android_asset/www/dist/static/js/vendor.1678ee9fab212271b907.js
  2. “Uncaught TypeError: Cannot read property ‘call’ of undefined”, source: file:///android_asset/www/dist/static/js/manifest.3ad1d5771e9b13dbdad2.js

Once i comment out the import statement the errors go away and i can run the cordova app on android. Obviously i cant continue building my app if i cant have F7 imported. Is this a dependency issue?

Ive tried with F7 versions 2.3.0, 3.0.0 and 3.3.0 with all the same issues… HELP!

Make sure your webpack configured to transpile code from ES-next to ES5 syntax. E.g. using Babel or Buble plugins