Importing packages prevents bundling/transpilation

[modermo]

Quick, short summary:
Importing packages prevents transpilation

Expected results:
Importing a package such as vue-carousel like so:

Import VueCarousel from 'vue-carousel';

Should import successfully.

Actual results:

I get this in my error logs:

Bundling/transpiling failed with this error: 'default' is not exported by ../node_modules/vue-carousel/dist/vue-carousel.min.js

Exact steps to reproduce:

Install a package via the UI, and then saving the module you're importing the package into. Other packages give the same result, such as:

Bundling/transpiling failed with this error: 'default' is not exported by ../node_modules/underscore/underscore.js

Your configuration (any details about your system that you think might be relevant)

Standard configuration. Happy to provide extra details if necessary.

[bdkjones]

That's because you shouldn't be transpiling installed packages; most of the time you'll be using a component that's already been transpiled when the package was built and published. Open Project Settings > Tools > Babel and show me the entries in the "Excluded Items" field. That field should read:

/\/node_modules\//, /\/core-js\//, /\/bower_components\//

[modermo]

Thanks. I've got:

'node_modules/**', 'bower_components/**', /\/core-js\//

[bdkjones]

replace that with the content I listed above.

…

On 7 Aug 2019, at 18:34, modermo ***@***.***> wrote: Thanks. I've got: 'node_modules/**', 'bower_components/**', /\/core-js\// — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#554?email_source=notifications&email_token=AAHCGZWWFT4NNNOHW3VF2DTQDNZ3ZA5CNFSM4IJ5DRJ2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD32FDGI#issuecomment-519328153>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAHCGZQT5RKNOE6623WKXJ3QDNZ3ZANCNFSM4IJ5DRJQ>.

[modermo]

That works. Thanks!