PDFTron lib 不适用于 Angular 组件库

Question

我开始了我的第一个 Angular 组件库，我在其中添加了PDFTron lib，这样我就可以在我的所有项目中使用我的包装器库。直接PDFTron 集成在库路径中运行良好，但在我的 Angular 组件库中，它没有使用库。请参阅下面提到的更多详细信息：

我的加载 PDFTron 库的代码：

PDFViewerPage（直接使用PDFtron Library）：

WebViewer({
      path: './assets/lib/',
      // initialDoc: '../../../assets/data/files/webviewer-demo-annotated.pdf'
      initialDoc: this.initialDoc
    }, this.viewer.nativeElement).then(instance => {
      console.log(instance);
      this.wvInstance = instance;
    }).catch(error => {
      console.log("PDF error:",error);
 })

我的自定义 NPM 库：

WebViewer({
      path: this.libPath,
      initialDoc: this.initialDoc
    }, this.viewer.nativeElement).then(instance => {
      console.log(instance);
      this.wvInstance = instance;
    }).catch(error => {
      console.log("PDF error:",error);
 })

这个不起作用，因为我的库代码在 @Node-Modules 中，而我的 lib 文件夹在项目的 ./assets 文件夹中。

资产的文件夹结构：

无法在我的自定义库中访问该库如何在我的自定义 NPM 中访问 PDFTron 库？

错误：

ERROR 错误：未捕获（承诺）：TypeError： pdftron_webviewer__WEBPACK_IMPORTED_MODULE_0_ is not a function TypeError: pdftron_webviewer__WEBPACK_IMPORTED_MODULE_0_ is not a 功能 在 MyFirstNpmProjComponent.ngAfterViewInit (my-first-npm-proj.mjs:36:9) 在 callHook (core.mjs:2533:22) 在 callHooks (core.mjs:2502:17) 在 executeInitAndCheckHooks (core.mjs:2453:9) 在 refreshView (core.mjs:9555:21) 在 refreshComponent (core.mjs:10655:13) 在 refreshChildComponents (core.mjs:9280:9) 在 refreshView (core.mjs:9534:13) 在 renderComponentOrTemplate (core.mjs:9598:9) 在 tickRootContext (core.mjs:10829:9) 在 resolvePromise (zone.js:1255:1) 在 resolvePromise (zone.js:1209:1) 在 zone.js:1321:1 在 ZoneDelegate.invokeTask (zone.js:434:1) 在 Object.onInvokeTask (core.mjs:25463:33) 在 ZoneDelegate.invokeTask (zone.js:433:1) 在 Zone.runTask (zone.js:205:1) 在 drainMicroTaskQueue (zone.js:620:1)

我不确定我缺少什么路径或需要任何额外的设置？

Answer 1

您可以在 angular.json 中编辑您的资产选项。喜欢

assets: [
 "src/asset/lib"
]

您可以查看此内容以供参考：https://angular.io/guide/workspace-config#asset-config。 希望这个能帮到你