как исправить: ошибка «экспорт не определен» & «требование не определено» при импорте пакета из расширения vscode webview

Question

Я разрабатываю расширение веб-просмотра vscode на основе примера CatCoding .

Я пытаюсь импортировать внешний модуль node_module из cdn с помощью тега.Пакет загружен, и я могу его использовать, но в некоторых из импортированных функций есть экспорт модуля, и я получаю следующую ошибку: Uncaught ReferenceError: exports is not defined

Я обнаружил, что кто-то решил это с помощьюследующий "hack":
<script>var exports = {};</script>

Итак, я попробовал это, и теперь я получаю такую ​​же ошибку о 'require':
Uncaught ReferenceError: require is not defined

I 'Я просто пытаюсь выполнить импорт простых пакетов, не знаю, почему это происходит, возможно потому, что он работает как веб-просмотр, может быть, из-за электронов?

Есть идеи, как мне это решить?

Answer 1

Пакет JavaScript, который вы загружаете, использует модульную систему, вероятно, commonJS. Веб-просмотр - это просто обычная веб-страница, поэтому вам нужно иметь собственную поддержку модулей.

Для этого вы можете использовать пакет, такой как webpack или включить загрузчик модулей, такой как RequireJs напрямую.