Question

我目前有一个具有以下结构的lerna / react / TS项目：

.
├── lerna.json
├── package.json
├── packages
│   ├── patient
│   │   ├── package.json
│   │   ├── src
│   │   │   └── index.tsx
│   │   ├── tsconfig.build.json
│   │   └── tsconfig.json
│   └── appointment
│       ├── package.json
│       ├── src
│       │   └── index.tsx
│       ├── tsconfig.build.json
│       └── tsconfig.json
├── tsconfig.build.json
└── tsconfig.json

在packages/appointment/src/index.tsx中，其导入patient模块：

import { Patient } from '@ui-sdk/patient';

在tsc --project ./tsconfig.build.json文件夹中运行构建命令appointment时，它会再次添加patient代码。

实际：

/packages/appointment/dist/patient/index.js
/packages/appointment/dist/appointment/index.js

预期：

/packages/appointment/dist/index.js

/packages/appointment/tsconfig.build.json处的构建配置如下：

{
  "extends": "../../tsconfig.build.json",

  "compilerOptions": {
    "outDir": "./dist",
    "jsx": "react",
    "esModuleInterop": true
  },

  "include": [
    "src/**/*"
  ]
}

和根级别的主要tsconfig.json：

{
  "compilerOptions": {
    "module": "esnext",
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "skipLibCheck": true,
    "sourceMap": true,
    "resolveJsonModule": true,
    "moduleResolution": "node",
    "declaration": true,
    "baseUrl": ".",
    "paths": {
      "@ui-sdk/*": ["packages/*/src"]
    },
  },

  "exclude": [
    "node_modules",
    "dist"
  ]
}

如果我删除此部分：

"baseUrl": ".",
    "paths": {
      "@ui-sdk/*": ["packages/*/src"]
    },

编译抛出错误

packages/appointment/src/index.tsx(2,24): error TS2307: Cannot find module '@ui-sdk/patient' or its corresponding type declarations.

有什么主意如何使构建仅包含该组件的代码，而不是将其他文件放入构建文件夹中？

Answer 1

我只是遇到了同样的问题。问题是我不得不从tsconfig.build.json文件中省略“路径”。

tsconfig.json

{
  "extends" "./tsconfig.build.json",
  "compilerOptions": {
    "paths": {
      "@ui-sdk/*": ["packages/*/src"]
    }
  }
}

tsconfig.build.json

{
  "compilerOptions": {
    // ...
  }
}

这导致TS不会尝试解析您的本地程序包，而是将其视为对外部程序包的引用。

lerna的打字稿构建问题

1 个答案: