teambit
Vue Component always produces "document is not defined" when imported
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/[email protected]
- 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.
I have the same issue. Does anyone have any idea how to resolve it? thanks
