"Cannot resolve dependency" 在 monorepo 中导入本地依赖项时 - Parcel、Typescript

Question

我正在尝试使用 parcel 和 typescript 设置一个 monorepo。我有四个软件包：f-app、f-app-core、f-app-hub、f-app-notes。

当我尝试从一个包导入到另一个包时，我得到 Cannot resolve dependency

例如：我想在f-app/index.tsx.

中导入f-app-hub/index.tsx

// f-app/index.tsx

import React from 'react'

import Hub from 'f-app-hub' // this fails

const App = () => {
  return <Hub />
}

我在构建过程中得到 Cannot resolve dependency 'f-app-hub'。但是，VS Code 没有显示任何错误，并且能够正确识别和获取 f-app-hub。 cmd+space 将我发送到正确的文件。

将 f-app-hub 作为相对路径导入也可以。

// f-app/index.tsx

import React from 'react'

import Hub from '../f-app-hub' // this works

const App = () => {
  return <Hub />
}

这是 ny tsconfig:

{
  "compilerOptions": {
    "jsx": "react",
    "esModuleInterop": true,
    "baseUrl": "packages",
    "rootDir": ".",
    "paths": {
      "~/*": ["packages/*"]
    },
  },
  "include": ["packages/**/*"]
}

有什么想法吗？

Answer 1

我设法通过使用 package.json

中的包裹别名字段解决了这个问题

"alias": {
  "f-app-core": "./packages/f-app-core"
  "f-app-hub": "./packages/f-app-hub",
  "f-app-notes": "./packages/f-app-notes"
}

"Cannot resolve dependency" 在 monorepo 中导入本地依赖项时 - Parcel、Typescript

"Cannot resolve dependency" when importing local dependency in monorepo - Parcel, Typescript

parcel

typescript

reactjs

monorepo