#javascript #cdn
#javascript #cdn
Вопрос:
Я новичок в javascript, и поэтому у меня не так много знаний о хороших практиках и возможностях.
Проблема
Я хочу использовать эту библиотеку PDF для редактирования некоторых файлов pdf. Но я не могу импортировать библиотеку без nodejs или чего-то еще.
Что я пробовал
В моем html-файле у меня есть инструкции scripts imports :
<script src="https://cdn.jsdelivr.net/npm/pdf-lib/dist/pdf-lib.js"></script>
<script type="module" src="./assets/js/Client.js"></script>
Вторая строка — это импорт моего скрипта, в котором я хочу использовать библиотеку pdf.
В моем скрипте «Client.js » у меня есть следующие строки кода:
import { PDFDocument } from 'pdf-lib'
mypdf = window.PDFDocument.load(file)
File является импортированным файлом благодаря event.dataTransfer.
В настоящее время я использую расширение live server visual Studio code в качестве среды.
Когда я загружаю свою страницу в браузере на
Я получаю сообщение об ошибке :
Неперехваченная ошибка типа: не удалось разрешить спецификатор модуля «pdf-lib». Относительные ссылки должны начинаться либо с «/», «./», либо с «../».
Я понимаю ошибку, но в моем случае это не «относительная ссылка», и я не знаю, что с этим делать…
Я провел некоторые исследования того, как заставить его работать с cdn js, но все найденные мной решения не работают
Комментарии:
1. Удалите
import { PDFDocument } from 'pdf-lib'строку, если вы не используете модуль npm. Для использования в браузере, umd сборки и окна. Достаточно проверить PDFlib: github.com/Hopding/pdf-lib#umd-module2. У меня такая же проблема. Вы смогли это выяснить? Если это так, не забудьте поделиться тем, что вы сделали. Попытка отредактировать PDF-файл, используя ту же библиотеку
3. Я решил свою проблему, используя nodejs и установив библиотеку с помощью npm