You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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 install
    
    开发服务启动时添加禁用缓存参数:npm run dev -- --no-cache
  • 无需整体降级Nuxt版本,可直接将Nuxt版本升级到2.15.8,该小版本已专门修复了布局文件热重载误修改的已知缺陷。

内容的提问来源于stack exchange,提问作者Paul Anthony McGowan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 09:18:01