Turbopack 为什么无法正确解析别名路径？

欧阳瑞云提问于 2026-03-14 11:19:17 阅读 2

前端

我用 Turbopack 启动项目时，配置了 tsconfig.json 里的 paths 别名，但一导入就报找不到模块。明明在 webpack 里好好的，Turbopack 是不是不支持？

我的 tsconfig.json 配置如下：

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

然后在组件里写了 import Button from '@/components/Button'，结果控制台直接报错说 Cannot resolve module ‘@/components/Button’。

构建工具

我来解答赞 2 收藏

反馈

1 条解答

西门春凤 Lv1

Turbopack 不读 tsconfig.json 的 paths，得在 next.config.js 里配。在 next.config.js 中添加 experimental.turbo.resolveAlias 配置：

/** @type {import('next').NextConfig} */

const nextConfig = {

  experimental: {

    turbo: {

      resolveAlias: {

        '@': './src',

      },

    },

  },

};



module.exports = nextConfig;

配完重启开发服务器就行。

2026-03-14 11:31