删除App目录下loading.tsx后Next.js报错的原因及其他解决方法

我有一个简单的Next.js应用，App目录下原本存在loading.tsx文件，代码如下：

// loading.tsx
import React from 'react'

function Loading() {
  return (
    <h1>loading...</h1>
  )
}

export default Loading

删除该文件后，出现以下错误：

Error: Failed to read source code from "my directory"
Caused by:
No such file or directory (os error 2)

已经试过停止本地服务并删除.next文件夹解决问题，想问还有其他解决方法吗？

• 用命令一键清空缓存并重启服务：无需手动删除.next文件夹，直接执行next dev --clear-cache命令，它会自动清空Next.js的构建缓存并重启开发服务器，效果和手动操作一致，步骤更简便。
• 排查并清理无效引用：检查项目中是否有其他文件（比如页面组件、路由配置等）还在import已删除的loading.tsx，这类无效引用会触发文件查找错误。全局搜索项目里的Loading或./loading相关导入语句，删除或修正这些引用。
• 清理包管理器缓存（极端场景）：如果前两种方法都无效，可以尝试清空包管理器缓存。使用npm的话执行npm cache clean --force，使用yarn则执行yarn cache clean，之后重新安装依赖即可。不过这个方法很少用到，优先尝试前两种。

内容的提问来源于stack exchange，提问作者maphy