Nuxt 2.15.7运行dev时默认布局内Navbar、Footer组件被移除问题
Nuxt 2.15.7版本默认布局自动被修改问题解决方案
该问题由Nuxt 2.15.7版本与Node 14.x版本的热重载兼容缺陷、自动组件导入插件冲突共同导致,布局文件在开发服务启动时会被错误覆写,仅保留<Nuxt />节点。可通过以下方法修复:
- 关闭布局自动注入逻辑,在
nuxt.config.js中添加配置项layout: false,所有页面手动指定关联的布局文件,避免框架自动校验覆写布局代码 - 排查自动组件导入依赖版本,若项目安装了
nuxt/components插件,需将版本固定为v2.2.1,该版本与Nuxt 2.15.7不存在节点识别冲突,不会误删布局中的自定义组件 - 清理项目缓存后重启服务,执行以下命令重置依赖:
开发服务启动时添加禁用缓存参数:# 类Unix系统 rm -rf .nuxt node_modules package-lock.json && npm install # Windows系统 rd /s /q .nuxt node_modules && del package-lock.json && npm installnpm run dev -- --no-cache - 无需整体降级Nuxt版本,可直接将Nuxt版本升级到2.15.8,该小版本已专门修复了布局文件热重载误修改的已知缺陷。
内容的提问来源于stack exchange,提问作者Paul Anthony McGowan
相关产品推荐
相关产品推荐

