VuePress 不会热重载,但在 config.js 更改时会这样做

Posted

技术标签:

【中文标题】VuePress 不会热重载,但在 config.js 更改时会这样做【英文标题】:VuePress not hot reloading, but does when config.js is changed 【发布时间】:2020-09-11 00:45:23 【问题描述】:

我是第一次使用 VuePress,更新 .md 文件不会触发实时重新加载。

如果我更新 .vuepress/config.js 我的浏览器会重新加载。如果我跑:

vuepress dev --debug

我在输出中看到了这一行,看起来很可疑:

debug watchFiles [
  '.vuepress/config.js',
  '.vuepress/config.yml',
  '.vuepress/config.toml'
]

这是错误还是正确?谷歌搜索 vuepress watchfiles 并没有显示任何特别有用的东西。

【问题讨论】:

Vuepress 热重载存在一些问题。这就是 Evan You 创建 Vite 并使用 Vitepress 进行测试的原因(用于测试的 Vuepress 存储库) 【参考方案1】:

存储库中讨论了一个issue,它暗示了可能的问题原因。

可以通过硬刷新页面来修复断开的连接错误。修改模板,然后重新加载内容页面。

检查浏览器控制台以了解实际问题。

某些操作需要手动重启。例如,重命名模板文件或添加组件会导致错误。更改配置文件也不会触发重新加载。

【讨论】:

【参考方案2】:

将以下内容添加到 config.js

module.exports = 
  host: 'localhost',
...

【讨论】:

以上是关于VuePress 不会热重载,但在 config.js 更改时会这样做的主要内容,如果未能解决你的问题,请参考以下文章

VitePress : VuePress 下一代框架

热重载不会热重载

如何解决 Flutter 热重载问题

Webpack:热重载不起作用,但更改编译

Vue CLI 项目在 yarn -> npm 切换后不会热重载。也没有配置文件?

sass 的 webpack 实时热重载