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

Next.js中@路径别名失效,求助解决方法

Next.js @/* 路径别名失效修复方案
  • 确认jsconfig.json的位置与配置完整性
    把文件放在项目根目录(和package.json同级),补充baseUrl配置(Next.js需要这个参数配合paths生效):

    {
      "compilerOptions": {
        "baseUrl": ".",
        "paths": {
          "@/*": ["./*"]
        }
      }
    }
    
  • 彻底重启开发服务器
    修改jsconfig.json后,热重载不会生效,必须完全关闭当前的Next.js服务,再重新启动。

  • 清理Next.js构建缓存
    执行命令彻底删除缓存文件:

    rm -rf .next
    npm run build # 用yarn的话换成 yarn build
    
  • 刷新编辑器配置(若用VS Code)
    按Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac),选择「Reload Window」,让编辑器重新读取路径别名配置。

  • 检查Next.js版本兼容性
    若以上操作无效,尝试升级Next.js到最新稳定版:

    npm install next@latest
    

内容的提问来源于stack exchange,提问作者Risavdeb Patra

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.09 17:12:02