当使用 `--debug` 选项时，由 `vuepress build` 生成的 VuePress 站点不会调用 `mounted()` 钩子（适用于 `vuepress dev`）答案

【问题标题】：VuePress site generated by `vuepress build` doesn't call `mounted()` hooks when the `--debug` option is used (works fine with `vuepress dev`)当使用 `--debug` 选项时，由 `vuepress build` 生成的 VuePress 站点不会调用 `mounted()` 钩子（适用于 `vuepress dev`）
【发布时间】：2020-05-10 15:39:55
【问题描述】：

编辑：我原本以为自定义主题会导致错误；我后来改写了这个问题。现场演示现在也已修复。

我为 VuePress 创建了一个自定义主题，扩展了 @vuepress/theme-default 以添加一些新的 Vue 组件。当我使用vuepress dev 时，一切正常。但是，当我使用 vuepress build 创建站点时，没有附加 any 事件侦听器，例如单击按钮时菜单未打开。

source code 可以在 github 上找到。

那里也有一个live demo：您可以检查那里的菜单按钮（#app > div.theme-container.sections-layout > header > div.sidebar-button） - 并将其与https://vuepress.vuejs.org/ 的那个进行比较。

问题似乎是mounted钩子没有在build创建的版本中执行。但是，docs say that browser API access 应该出现在 beforeMount 或 mounted 挂钩中。所以听起来这就是使用的地方。

有什么建议吗？

我正在使用 VuePrss cli.js/1.2.0 win32-x64 node-v12.13.0

【问题讨论】：

标签： javascript vue.js webpack vuepress

【解决方案1】：

好的，问题不是由自定义模板引起的，而是由--debug 选项和vuepress build 一起使用引起的。这显然会导致错误。

好吧，如果您仔细阅读VuePress CLI documentation，您可能会注意到此选项仅适用于开发服务器...

【讨论】：