未定义核心控件

问题描述

PDFTron customui 我正在尝试根据他们在线提供的 PDFTron 示例获取自定义 ui https://www.pdftron.com/documentation/web/guides/core/ 但是当我打开控制台时，我得到 CoreControl CoreControls.setWorkerPath('wwwroot/lib/webviewer/core' );未定义，但包含在解决方案中。你能告诉我我错过了什么

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}


<script>
CoreControls.setWorkerPath('wwwroot/lib/webviewer/core');

const docViewer = new CoreControls.DocumentViewer();

docViewer.setScrollViewElement(document.getElementById('scroll-view'));
docViewer.setViewerElement(document.getElementById('viewer'));
docViewer.loadDocument('lib/webviewer/simpleSign.pdf');
docViewer.setoptions({ enableAnnotations: true });

setupEventHandlers(docViewer);

docViewer.on('documentLoaded',() => {
    console.log('document loaded');
    // enable default tool for text and annotation selection
    docViewer.setToolMode(docViewer.getTool('AnnotationEdit'));
});

// setup event handlers for the header
const setupEventHandlers = docViewer => {
  document.getElementById('zoom-in-button').addEventListener('click',() => {
    docViewer.zoomTo(docViewer.getZoom() + 0.25);
  });

  document.getElementById('zoom-out-button').addEventListener('click',() => {
    docViewer.zoomTo(docViewer.getZoom() - 0.25);
  });

  document.getElementById('create-rectangle').addEventListener('click',() => {
    docViewer.setToolMode(docViewer.getTool('AnnotationCreateRectangle'));
  });

  document.getElementById('select').addEventListener('click',() => {
    docViewer.setToolMode(docViewer.getTool('AnnotationEdit'));
  });

  const annotationChangeContainer = document.getElementById('annotation-change');

  const annotManager = docViewer.getAnnotationManager();
  annotManager.on('annotationChanged',(annotations,action) => {
    annotationChangeContainer.textContent = action + ' ' + annotations.length;
  });
};

</script>

解决方法

您是否在页面中导入了 CoreControls.js 文件？