问题标签 [vue-styleguidist]

我正在使用vue-styleguidist为我的 vue 应用程序生成样式指南，它是使用 vue-cli 的 webpack 模板生成的。

我有一个_variables.scss文件，我想在启动样式指南服务器时全局加载它。

因此，按照我添加到我的 styleguide.conf 文件中的文档的建议require: [path.join(__dirname, 'src/assets/scss/main.scss')]，但它没有帮助，当我在我的组件样式标签之一中使用变量时，我收到一个错误：

未定义变量：“$border-radius”。

这是我的完整 styleguide.config.js：

我正在使用vuejs2和vue-class-component包制作类组件并使用vue-styleguidist进行文档的项目。

对于某种情况，我必须创建一个 Mixin，这是通过扩展组件类来完成的（如此处的vue-class-component文档中所述），但不幸的是，mixin 的方法和属性似乎没有显示在自动生成的通过vue-cli-plugin-styleguidist包的vue-styleguidist的props/methods 表。有什么办法吗？

我正在使用以下版本：

这是我使用的相同结构的代码示例：

这在生成文档时仅返回表componentValue和componentMethod中的显示，并且根本不显示 mixin 部分。

我在 Nuxt.js 项目中使用Vue Styleguidist。根据 Styleguidist 和 Webapack 文档，我已经配置了我的styleguide.config.js文件并设置了一些别名：

组件使用这个别名，如下所示：

虽然 Styleguide 无法解析地址。我相信在styleguide.config.js某种程度上被忽略了别名。

有谁知道我应该如何解决这个问题？

我有一些在this.$route内部使用的组件，用于各种用途。一些简化的示例是，this.$route.name用于查找页面的 i18n 字符串：

或观看$route并加载一些东西：

每当这些组件出现在 vue-styleguidist 中时，我都会在浏览器控制台中收到各种错误，并且不会为组件示例呈现任何内容：

我故意不将 vue-router 或我的路由对象导入样式指南，因为这不受支持 - 它会导致重定向、路由保护等许多问题......这些与样式指南无关。

我认为，我真正想做的是this.$route在组件出现在样式指南中时对其进行模拟——但我不知道该怎么做。

另一种选择是将路由信息作为道具传递给组件。这将正确地将组件与路由器分离并解决问题，但它将涉及对每个组件和路由的更改。

我正在尝试迁移到最后一个 vue-styleguidist，但由于 v4.0.0 我不能。使用 3.26.2 可以正常工作。

我有这个错误：

有迁移指南吗？这很奇怪，因为 babel typescript snafu 一切都很好，也许我需要在 babel 配置中添加一些东西？

我正在与：

节点JS 10.15.1

我的依赖：

基于提到单个参数的大多数 vue 文档，我使用 v-on:mouseover 并根据每个项目颜色动态控制样式，因为我需要根据每个项目的颜色通过悬停来更改每个项目的颜色，尽管我使用了!important风格不变

我想改变孩子的父CSS类，并在离开时重置它，怎么做？ 组件父级：

组件子-A：

组件子 B：

样式在 child-B 范围内，没有变化

• 去孩子a：文字是红色的
• 转到孩子 b ：文本是红色的
• 去孩子a：文字是红色的

样式不在 child-B 范围内，离开 child-B 后文本没有变化

• 在孩子 a 上：文字是红色的
• 在子 b 上：文本为蓝色
• 在孩子 a 上：文本是蓝色的

如何解决？

部分解决方案

或在模板中添加样式标签

但我不喜欢这个...

我想使用 vue-styleguidist 来记录我的组件。决定从陀螺开始。组件的预览显示正确，但代码示例的格式不符合我的预期（查看https://vue-styleguidist.github.io/basic/#button以获取参考）。

如何解决？

我process在 webpack 配置文件中找不到 ，所以可能导致此错误

我需要在 *.vue 文件项目中显示示例，我使用 Nuxt 和 @nuxtjs/tailwindcss 时使用标签加载我的示例样式不会加载。并在检查中显示

我需要为 vue-styleguid.config 配置我的 nuxtjs/tailwindcss。请给我一个配置来解决这个问题。这是我的 styleguide.config.js

我需要在顶部配置中添加@nuxt/tailwind。