Vue-multiselect: Compile error with browserify

Created on 26 May 2016  路  16Comments  路  Source: shentao/vue-multiselect

Hi,

Not sure if this is an issue just effecting me or a more general issue.

I am getting a browserfiy issue after adding this to my project:

image

bug

Most helpful comment

@shentao I have just tested and can confirm that fixes the issue for me! Thanks so much for fixing this.

All 16 comments

Hey @jbardnz!
Someone on reddit already noticed the problem and it is fixed in the latest commit.
I will bump the version in a moment. :)

Thanks so much for the super quick reply :)

No problem.
Fixed in v0.1.6

Hmm, I now seem to get a different compile error:

image

Ouch. This might be something sass related. I鈥檓 about to get rid of it in the multiselect.vue file. This might solve the problem. On it right now!
Thanks for reporting!
Can you also provide some of the configuration you鈥檙e using? Any preprocessors?

I'm using Laravel Elixir to compile my JS assets.

I am also running Sass for all my styling and in my own Vue components so it should have all the dependencies it needs to compile. Apart from that it is just a standard gulp setup.

@jbardnz
Got rid of sass anyway (thus probably removing the line that threw the error).
New version 0.1.7.
Give it a try now. :)

Thanks man!

That has cleared the Sass issue - but it has caused a different issue:

image

Damn! Could you try reinstalling/updating babel-preset-stage-2? And/or removing node_modules and running npm install again?
pointerMixin.js doesn鈥檛 really use any Babel requiring functionality.

This might be a problem with laravel-elixir.
https://github.com/laravel/elixir/issues/354

I will investigate it later, but probably not today.

Hmm potentially it is just a Laravel Elixir issue then. I will investigate the solutions suggested on that thread tomorrow and post back.

Thanks!

I had the same trouble, and (mind you I'm in no way knowledgable in all of this, so I don't know what can be done to fix it really), but following the thread in the above mentioned elixir issue, I removed the .babelrc file at the root of vue-multiselect folder in node_modules and it works perfectly fine now!

That鈥檚 interesting! Thanks @jpmurray. I will check it myself and add it to .npmignore if it doesn鈥檛 break anything for webpack based imports.

@jpmurray @jbardnz .babelrc file removed. This should fix the problem. If not, please reopen and let me know! :) Have a nice weekend!

@shentao I have just tested and can confirm that fixes the issue for me! Thanks so much for fixing this.

Awww yeah! 馃懐 Glad to hear that!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wujekbogdan picture wujekbogdan  路  4Comments

PrimozRome picture PrimozRome  路  3Comments

volkanciloglu picture volkanciloglu  路  3Comments

bushcode picture bushcode  路  3Comments

xereda picture xereda  路  4Comments