SyntaxError: Unexpected token export when using lodash with Nuxt

Question

Here is my repo with live demo https://github.com/alechance/nuxt-lodash. I'm using Nuxt with Vuetify + lodash-es, when running npm run dev and reload my page I got a SyntaxError: Unexpected token export with export default isArray;

Answer 1

Imported files of lodash-es library are not transpiled by babel. To fix that, Nuxt.js provides option to manually specify files that should be transpiled via transpile option.

Add following code to build section of nuxt.config.js:

build: {
  transpile: [
    'lodash-es'
  ],
  // Other build options
}