带有 vue-styleguidist 文档的组件在 Nuxt 应用程序中引发错误

如何解决带有 vue-styleguidist 文档的组件在 Nuxt 应用程序中引发错误

我有一个使用我正在创建的 Vue 组件库的 Nuxt 应用程序。我想 vue-styleguidist 到库中的组件。但是，当我添加组件的 <docs> 部分时，它会在使用它的 Nuxt 应用程序（在单独的存储库中）中引发错误。这部分是因为 peculiar way in which Nuxt consumes component libraries:

与从 webpack 编译文件中导入组件不同，Nuxt 更喜欢从组件库（在本例中包括 <docs> 部分）中摄取源文件。由于 Nuxt 应用程序中的 webpack 不知道如何处理文件的这一部分，因此会引发错误。

是否可以在 Nuxt webpack 配置中添加一些内容来处理包含此 <docs> 部分的 vue 文件？

以下是添加了 <docs> 部分的 vue 组件示例：

<template>
  <div class="bp-test-component">
    <slot />
  </div>
</template>

<script>
export default {
  name: 'BpTestComponent'
}
</script>

<style scoped>
.bp-test-component {
  background-color: pink;
}
</style>

<docs>
```jsx
<bp-test-component>Boo!</bp-test-component>
```
</docs>

这是我在尝试使用此组件时在 Nuxt 中遇到的错误：

TypeError
"" is not a function