导出 UI-Angular 中的组件 5 - 未找到模板

Question

我正在开发 UI 组件以用于整个公司的不同 Web 项目。我们想将 ui-components 作为 npm 包发布到我们的本地存储库中。发布包 .

当我 npm 安装包时，在我的 app.module.ts 和运行 'ng serve' 中导入模块（这是一个 Angular CLI 项目），一切都可以正常编译。但是当访问本地主机上的站点时，没有显示任何内容并且控制台显示：

编译打包的时候为什么Angular要找html格式的模板？以及如何告诉 CLI 这些组件已经编译？

tsconfig.json（打包前）

{
   "compilerOptions": {
      "baseUrl": ".",
      "declaration": true,
      "stripInternal": true,
      "experimentalDecorators": true,
      "emitDecoratorMetadata": true,
      "strictNullChecks": true,
      "noImplicitAny": true,
      "module": "es2015",
      "moduleResolution": "node",
      "paths": {
         "@angular/core": ["node_modules/@angular/core"],
         "@angular/common": ["node_modules/@angular/common"],
         "@angular/forms": ["node_modules/@angular/forms"],
         "@ng-bootstrap/ng-bootstrap": ["node_modules/@ng-bootstrap/ng-bootstrap"]
      },
      "rootDir": ".",
      "outDir": "dist",
      "sourceMap": true,
      "inlineSources": true,
      "target": "es5",
      "skipLibCheck": true,
      "lib": [
         "es2015",
         "dom"
      ]
   },
   "files": [
      "index.ts"
   ],
   "angularCompilerOptions": {
      "strictMetadataEmit": true
   }
}

我无法在 Internet 上找到 angularCompilerOptions 的文档...

node_modules中的npm包是：

我通过在 button.component.ngfactory.js 中搜索 CSS-类找到了按钮模板，但是导出的 ButtonComponentNgFactory 似乎无处导入。

Answer 1

我无法让它工作，但另一种方法确实工作得很好 - 它将模板打包成不同格式的 JS 并完成所有工作：https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

导出 UI-Angular 中的组件 5 - 未找到模板

Exporting UI-Components in Angular 5 - template not found

rollup

typescript

angular