[在未提取extract_css的Nuxt的Vue组件中定义文档：false

Question

我已经使用@ vue / cli构建了Vue组件，并尝试将其作为依赖项导入到Nuxt应用程序中。该组件使用--target lib构建，并编译为.umd.js源。

当我在以下设置中使用vue.config.js时：

module.exports = {
  css: { extract: false }
}

组件样式包含在捆绑软件中，并导致在捆绑软件文件的以下行中引发错误document is not defined

...
var styleElement = document.querySelector('style[' + ssrIdKe`
...

如果我将提取值设置为true，该组件将完全正常工作，但是很明显，这需要手动导入捆绑的CSS文件（我想避免）]

是否有任何解决方案可以让捆绑样式的Nuxt项目中包含自定义组件？

Answer 1

这是由于服务器端渲染。如果需要指定仅在客户端上导入资源，则需要使用process.client变量。

尝试一下：

if (process.client) {
  var styleElement = document.querySelector('style[' + ssrIdKe`
}