Angular 库 - 实时重新加载不起作用

Question

在我的 Angular 工作区设置中，我获得了 3 个库和一个应用程序（未来还会有更多）。 TypeScript 路径设置如下：

    "paths": {
      "@lib/a/*": [
        "projects/libs/a/*",
        "projects/libs/a"
      ],
      "@lib/a": [
        "dist/a/*",
        "dist/a"
      ],
      "@lib/b/*": [
        "projects/libs/b/*",
        "projects/libs/b"
      ],
      "@lib/b": [
        "dist/b/*",
        "dist/b"
      ],
      "@lib/c/*": [
        "projects/libs/c/*",
        "projects/libs/c"
      ],
      "@lib/c": [
        "dist/c/*",
        "dist/c"
      ],
    }

一切正常，但运行 ng serve 时从应用程序实时重新加载不起作用。

我尝试了一个不同的路径设置，它正在工作，但出现了错误 Unable to reference...，然后库不再构建。

你有什么想法吗？

Answer 1

我认为您不应该从您的 tsconfig.json 中引用 dist/...。您可以尝试以下方法吗：

"paths": {
  "@lib/a/*": [
    "projects/libs/a/*"
  ],
  "@lib/b/*": [
    "projects/libs/b/*"
  ],
  "@lib/c/*": [
    "projects/libs/c/*"
  ]
}