node.js - Làm thế nào để nhập TypeScript từ các gói anh em nội bộ một cách liền mạch?

Tôi đang cố gắng tạo một dự án web mới bao gồm 3 gói npm: 2 gói giao diện người dùng (UI), và 1 gói mã dùng chung. Cả 3 gói đều là gói REACT + TS với Vite.

Tôi đang cố gắng thiết lập điều này bằng cách sử dụng npm/yarn workspaces

Vấn đề là, mỗi lần tôi cố gắng làm điều này trong quá khứ, tôi đều gặp phải các sự cố khi nhập khẩu - hoặc tôi không thể nhập các thực thể TypeScript, chẳng hạn như kiểu và giao diện, hoặc tôi gặp lỗi cú pháp vì quy trình xử lý đang cố gắng biên dịch hai lần từ TS.

Mục tiêu cuối cùng đơn giản là có thể viết mã như thế này, mà có thể nhập cả các thực thể javascript và typescript từ bất kỳ đâu trong các gói cùng cấp một cách liền mạch:

// File: packages/ui1/components/home.tsx

import { DataGridInterface, createDataGrid } from 'common/componnets/dataGrid/dataGrid';
import { ButtonProps, Button } from 'common/componnets/button/button';

function Home() {
    // ...
}

Tôi cảm thấy việc này nên là điều dễ làm, nhưng trước đây tôi đã dành nhiều giờ cho nó. Hay liệu có thực sự cần thiết và được mong đợi 100% rằng tôi luôn biên dịch sang javascript thuần trước khi import từ một gói cùng cấp trong workspace?