假设我们有package1
和package2
。如果package2
尝试导入package1
模块,我们将收到一条错误消息module not found
。导入看起来像import { ... } from 'package1/styles'
。请记住,像import { ... } from 'package1'
这样的导入都可以。我认为这些导入问题是由于lerna错误地链接文件夹而引起的。我希望node_modules
中的package2
应该只包含package1/dist
而不是package1
。这些进口问题应如何解决?
下面的相关package1
文件。
package.json:
...
"main": "./dist/index.js",
"files": ["dist"]
...
tsconfig.json:
{
"compilerOptions": {
"outDir": "./dist/",
"noImplicitAny": false,
"declaration": true,
"jsx": "react",
"allowJs": false,
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"lib": ["esnext", "dom"]
},
"include": ["src/**/*"],
"exclude": ["node_modules", "**/*.spec.ts"]
}
运行lerna run build
后,我们将得到以下目录结构:
packages/package2/node_modules/package1/
├── dist
│ ├── index.d.ts
│ ├── index.js
│ └── styles
│ ├── index.d.ts
│ └── index.js
├── node_modules
├── package-lock.json
├── package.json
├── src
│ ├── index.ts
│ └── styles
│ └── index.ts
├── tsconfig.json
└── webpack.config.js
答案 0 :(得分:0)
tsconfig.json
应该具有可解决模块依赖性的路径,例如:
...
"baseUrl": "./packages",
"paths": {
"package1": ["./package1/src"],
"package1/*": ["./package1/src/*"]
}
...