"Unexpected token import" from npm modules

Describe the issue / bug.

When I try to install some npm modules, like vue-good-table or vuejs-datatables and I import them the error is an “unexpected token import”.

How can I reproduce this problem?

For example we can use vue good table.

1. npm install --save vue-good-table
2. In router/index.js (it’s probably the wrong place). The error will appear in the console of DevTools:

import VueGoodTable from 'vue-good-table';

Vue.use(VueGoodTable);

Tell me about your development environment.

• Node version: 8.0.0
• NPM version: 5.0.3
• Operating System: Ubuntu

[zxc23]

In your renderer config, have you whitelisted them like:

let whiteListedModules = ['vue', 'vue-good-table']

[danilopolani]

@0libre .electron-vue/webpack.renderer.config.js (L21)