怎么在我的项目使用pnpm link调试Tdesign-react？

[kajweb]

开发过程中碰到一个小问题，需要结合Tdesign源码排查问题。
业务项目目前使用pnpm + vite进行开发
当前使用了pnpm link的方式，但是启动项目的时候会报错，不知道应该如何处理

The plugin "vite:dep-scan" was triggered by this import

src/App.tsx:4:31:
  4 │ import { ConfigProvider } from 'tdesign-react'
    ╵                                ~~~~~~~~~~~~~~~


✘ [ERROR] Failed to resolve entry for package "tdesign-react". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-scan]

简单看了一下，tdesign-react的package.json入口文件是lib/index.js，但是这个已经是构建产物了，如果我希望基于源码的方式进行debug，是不是应该把这个lib改为src?

[kajweb]

尝试将tdesign-react的module改为src/index.ts后，会报以下错误：

[RylanBot]

确保有 build 的产物之后再 link，你可以直接 npm run build
或者在 package.json 的 scripts 里添加一行并启动 npm build:watch，方便调试：

"build:watch": "cross-env NODE_ENV=production rollup -c script/rollup.config.js --watch && node script/utils/bundle-override.js && pnpm run build:tsc",

tdesign-react 是 monorepo 结构

tdesign-react
├─ packages
│  └─ tdesign-react # 进入这个包再进行 link
│     └─ package.json
└─ package.json

[RylanBot]

有一个暴力写法，不要管 pnpm link 命令了，先 build 一下你 clone 的 tdesign-react 包
然后在你的调试项目里直接手动修改 tdesign-react 来源，最后重新 pnpm i 安装后启动即可

"tdesign-react": "link:/path/to/your/tdesign-react/packages/tdesign-react",

[kajweb]

但是我现在是在debug tdesign-react的源码，如果每次都要build的话， 效率略低

[RylanBot]

结合我前面说的，补一条 build:watch 命令

[kajweb]

感谢RylanBot，目前已经基于build的方式调试完成。