Errors when using plugins/packages

Found an issue or bug? Tell me all about!

New to electron so this is very possibly user error, and if so, I apologize in advance. Would very much appreciate some help.

When I import some packages into my project I get syntax errors in the console.

When I use the regular vue webpack-simple template with the same plugins an they work fine. Not sure what I’m doing wrong.

This is not for all plugins, just some. I’m unsure of how to debug the errors. The errors have so far come from template tags and css.

Describe the issue / bug.

#

Console Syntax Errors thrown on some plugins that work in regular vue webpack-simple template

How can I reproduce this problem?

#

vue init simulatedgreg/electron-vue my-project
$ cd my-project
$ npm install
$ cd app
$ npm install vue-video-player --save

then in app/src/renderer/main.js

import VueVideoPlayer from 'vue-video-player'
Vue.use(VueVideoPlayer)

then

$ npm run dev

If visual, provide a screenshot.

#

Tell me about your development environment.

• Node version: 7.9.0
• NPM version: 4.2.0
• vue-cli version: 2.8.1
• Operating System: Mac OSX (darwin platform)

Thank-you

If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

[SimulatedGREG]

@rugor

Quick fix, update your webpack.renderer.config.js at line 19 to…

externals: Object.keys(pkg.dependencies || {}).filter(d => !['vue','vue-video-player'].includes(d)),

Not entirely sure why some modules don’t like to be treated as externals. When installing vue-video-player, did you use npm or yarn?

[rugor]

Thanks @SimulatedGREG will look into that.