我目前正在尝试设置一个带有两个工作区的 React/TypeScript monorepo,@scope/project-lib 和 @scope/project-app。我在依赖项下导入了 @scope/project-app 的 package.json @scope/project-lib: "*"。我可以通过这样做让它发挥作用
import { MyComponent } from @scope/project-lib/build/components/MyComponent
但消费者会使用
import { MyComponent } from @scope/project-lib/components/MyComponent
在我发布它之后,显然我也想在工作区中以这种方式使用它。
我在 tsconfig 中引用了项目应用程序的项目库路径:
"compilerOptions": {
"paths": { "@scope/project-lib/*": ["../project-lib/build/*"] }
// other config options
}
Run Code Online (Sandbox Code Playgroud)
我还将其导入到project-app的package.json中:
"dependencies": {
"@scope/project-lib": "*",
"react": "^16.12.0",
"react-dom": "^16.12.0"
},
Run Code Online (Sandbox Code Playgroud)
奇怪的是,省略路径的 /build/ 部分会显示此错误:
Module not found: Error: Can't resolve '@scope/project-lib/components/MyComponent' in 'path/to/user/folder/scope/packages/project-app/src'
我不明白为什么它在 src 中查找(或者也许我应该将所有内容都指向 src?但是它如何动态构建 TS 和 JSX?)