我有一个使用纱线工作区的 monorepo,其中有 2 个 Next.js 项目。
\napps\n \xe2\x94\xa3 app-1\n \xe2\x94\x97 app-2\nRun Code Online (Sandbox Code Playgroud)\napp-1需要从 导入组件app-2。为此,我将app-2项目添加为依赖项,并在 tsconfig 中设置路径,app-1如下所示:
app-1 package.json\n{\n "name": "@apps/app-1",\n "version": "0.1.0",\n "private": true,\n "dependencies": {\n "@apps/app-2": "workspace:*",\n }\n}\nRun Code Online (Sandbox Code Playgroud)\napp-1 tsconfig.json\n\n{\n "compilerOptions": {\n "baseUrl": "./src",\n "paths": {\n "@apps/app-2/*": ["../../app-2/src/*"],\n "@apps/app-2": ["../../app-2/src"]\n }\n }\n}\nRun Code Online (Sandbox Code Playgroud)\n这工作得很好,但是,当组件导入app-2其他组件(例如import Component from "components/Component".
app-1components/Components不知道如何解决它,并正在其自己的文件夹中查找src不存在的文件夹。如果像这样导入相同的组件,import Component from ../../Component它将正确解析。为了解决这个问题,我在 的app-1tsconfig 文件中设置了另一个路径来手动解析。现在我的 tsconfig 看起来像