小编mat*_*tmb的帖子

模块无法在带有 Next.js 项目的 typescript monorepo 中解析

我有一个使用纱线工作区的 monorepo,其中有 2 个 Next.js 项目。

\n
apps\n \xe2\x94\xa3 app-1\n \xe2\x94\x97 app-2\n
Run Code Online (Sandbox Code Playgroud)\n

app-1需要从 导入组件app-2。为此,我将app-2项目添加为依赖项,并在 tsconfig 中设置路径,app-1如下所示:

\n
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}\n
Run Code Online (Sandbox Code Playgroud)\n
app-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}\n
Run Code Online (Sandbox Code Playgroud)\n

这工作得很好,但是,当组件导入app-2其他组件(例如import Component from "components/Component".

\n

app-1components/Components不知道如何解决它,并正在其自己的文件夹中查找src不存在的文件夹。如果像这样导入相同的组件,import Component from ../../Component它将正确解析。为了解决这个问题,我在 的app-1tsconfig 文件中设置了另一个路径来手动解析。现在我的 tsconfig 看起来像

\n …

typescript reactjs webpack next.js babel-loader

6
推荐指数
2
解决办法
6895
查看次数

标签 统计

babel-loader ×1

next.js ×1

reactjs ×1

typescript ×1

webpack ×1