小编San*_*alp的帖子

我试图开发我的组件库，例如material-ui（https://material-ui.com/）。我试图在material-ui 中重现子模块导入。

import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';

格式：@scope/模块名称/子模块

我能够在 javascript 中成功地做到这一点。借助 package.json 中的导出字段。然而，在打字稿中这样做是一件很痛苦的事情。我成功导出了我发送的组件的类型，但随后出现错误，因为找不到模块。

我尝试为此查找在线资源，但未能找到令人满意的内容。

我已经在这件事上坚持了一个多星期了。任何帮助或在线资源都会非常有帮助。

包.json

{
  "name": "components",
  "version": "1.0.0",
  "description": "",
  "source": [ "src/index.tsx", "src/forms.tsx"],
  "exports": {
    ".": "./dist/index.tsx.js",
    "./forms": "./dist/forms.tsx.js"
  },
  "types": "dist/index.d.ts",
  "typesVersions": {
    "*": {
      "forms": [
        "./dist/forms.d.ts"
      ]
    }
  },
  "scripts": {
    "build:wbpk": "webpack",
    "build:micro": "microbundle-crl --no-compress --format modern,cjs"
  },
  "author": "sankalp",
  "license": "ISC",
  "dependencies": {
    "react-dom": "^17.0.2",
    "react-scripts": "^4.0.3",
    "@types/node": "^12.0.0",
    "@types/react": "^17.0.0",
    "@types/react-dom": "^17.0.0"
  }, …