Блог

Главная - Вопросы по программированию - Ошибка ссылки: PDFViewer не определен

Ошибка ссылки: PDFViewer не определен

#javascript #pdf.js

#javascript #pdf.js

Вопрос:

Следующий код javascript выдает ошибку «PDFViewer не определен».

 var pdfViewer = new PDFViewer({ 
    container: container,
    viewer: viewer
});

В разделе html head, над кодом PDFViewer, я добавляю ссылку на него следующим образом:

 <script type="module" src="./pdf.js/web/pdf_viewer.js"></script>

В pdf_viewer.js существует инструкция export:

 class PDFViewer extends BaseViewer {
...
}

export {
  PDFViewer
};

Я не очень хорошо знаком с импортом, экспортом, модулями и т.д. надеюсь, кто-нибудь из вас, экспертов по javascript, сможет просветить меня относительно того, что я делаю неправильно.

—————————————— Редактировать ——————————————-

По-видимому, браузер не загружается pdf_viewer.js . Не знаю почему, поскольку файл есть. Приведенный выше код является попыткой избежать другой ошибки, которая возникает при загрузке исходной версии следующим образом:

 <script type="text/javascript" src="https://raw.githubusercontent.com/mozilla/pdf.js/master/web/pdf_viewer.js"></script>

Отказался выполнить скрипт из
https://raw.githubusercontent.com/mozilla/pdf.js/master/web/pdf_viewer.js ‘
поскольку его MIME-тип (‘text / plain’) не является исполняемым и строгим
Включена проверка типа MIME.

Комментарии:

1. Установите консоль. войдите в файл JS, расположенный над классом, и один перед вашим созданием экземпляра, чтобы увидеть, 1) загружается ли он вообще, 2) запускается ли он перед вашим созданием экземпляра.

2. Кроме того, какой браузер / версию вы используете? Модуль — ES6, поэтому не будет запускаться в более старых версиях IE и Edge. Edge 16 является самым ранним, который будет поддерживаться type="module" .

3. Я использую последнюю версию браузера Chrome. Я полагаю, вы правы в том, что он не загружается, потому что статус на вкладке Сети показал «ожидание». Я собираюсь обновить свой пост дополнительной информацией.