导入嵌套模块时找不到模块

Žilvinas Rudžionis

假设我们有package1package2如果package2尝试导入package1模块,我们会收到一个错误消息module not found进口看起来像import { ... } from 'package1/styles'请记住,进口就像import { ... } from 'package1'作品。在我看来,这些导入问题是由于 lerna 错误地链接文件夹造成的。我希望node_modulesofpackage2应该只包含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
Žilvinas Rudžionis

tsconfig.json 应该有可以解决模块依赖关系的路径,例如:

...
    "baseUrl": "./packages",
    "paths": {
      "package1": ["./package1/src"],
      "package1/*": ["./package1/src/*"]
    }
...

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章