为什么绝对路径在 TurboRepo 中不起作用

Question

我在最新版本的 TurboRepo 上建立了一个新项目。在“apps”目录中，我使用“react-swc-ts”模板创建了一个新的 Vite 项目。我修改了Vite项目的'tsconfig.json'：

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

并从 https://www.npmjs.com/package/vite-tsconfig-paths 安装了“vite-tsconfig-paths”插件，并将其添加到“vite.config.ts”中。

plugins: [react(), tsconfigPaths()]

这通常对我有用，但由于某种原因，它在 TurboRepo 中不起作用。我也尝试遵循本指南https://dev.to/andrewezeani/how-to-create-absolute-imports-in-vite-react-app-a-step-by-step-guide-28co，但是也没有用。我做错了什么？

Answer 1

改变你的视野，看到从 root 到 src 文件夹的

tsconfig.json

：

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

对于

vite.config.ts,

我不确定，但根据

vite.config.js

文件上的文档，您的配置应该如下所示：

resolve: {
  alias: {
    "~": "/src",
  },
},