Vue Component always produces "document is not defined" when imported

[maccesch]

Describe the bug

When I try to import my Vue component ComponentB that depends on another of my Vue component ComponentA on Bit and then try to use it in another Vue app it always says "document is not defined" at "webpack://component-a/....../vue-style-loader/lib/addStylesClient.js:123:22".

Steps to Reproduce

This happens whether I add the component through bit import ... or yarn add @bit/..... When I copy ComponentB into my project and modify the import statement to '@bit/my.collection.component-a' everything works as intended.

Specifications

• Bit version: 14.7.6
• Node version: v12.16.2
• npm / yarn version: 1.22.4
• Platform: Windows 10
• Bit compiler (include version): bit.envs/compilers/vue@0.1.4
• Bit tester (include version): N/A

Additional context

Both components are developed in the same project and work together nicely in this source project. They both build successfully and are exported to bit.dev.

The consuming project is a Nuxt.js project.

Both components are in a private collection. If you need access to reproduce, let me know.

[GiladShoham]

moved to the envs repo

[jamiespink]

I have the same issue. Does anyone have any idea how to resolve it? thanks