NextJS项目中绝对路径导入模块失败问题求助

默认Next.js不会自动识别src/开头的绝对路径导入，需要手动配置路径映射，步骤如下：

• JavaScript 项目：在项目根目录创建或修改jsconfig.json文件，添加以下配置：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "src/*": ["src/*"]
    }
  }
}

• TypeScript 项目：在项目根目录的tsconfig.json中，修改compilerOptions部分：

{
  "compilerOptions": {
    // 保留原有其他配置
    "baseUrl": "./",
    "paths": {
      "src/*": ["src/*"]
    }
  }
}

配置完成后，重启Next.js开发服务器，此时就能使用import theme from 'src/configs/theme'这类绝对路径导入语句了。

如果是Next.js 13+的App Router模式，上述配置同样生效，无需额外调整。

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