将 requireJS 与 svgPanZoom 一起使用会给出错误：未捕获的 TypeError：svgPanZoom 不是函数答案

【问题标题】：Using requireJS with svgPanZoom giving error: Uncaught TypeError: svgPanZoom is not a function将 requireJS 与 svgPanZoom 一起使用会给出错误：未捕获的 TypeError：svgPanZoom 不是函数
【发布时间】：2022-10-18 21:18:14
【问题描述】：

我已经在我的 javascript 应用程序中成功使用了 svg-pan-zoom 库，但我现在需要重构它以使用 requireJS。

我的 util.js 是：

define([
    'baja!',
    'jquery',
    '/file/WebWidgets/js/libraries/svg-pan-zoom.js'
], function (
    baja,
    $,
    svgPanZoom) {
'use strict';

const updateInitializeDiv = () => {

    const svgDocument = $('#svgObjectElementFromBinding')[0].contentDocument;
    const svgDocumentElement = svgDocument.documentElement;
    console.log(svgDocumentElement);
    console.log(svgDocumentElement.tagName);//svg

    let panZoomSVG = svgPanZoom(svgDocumentElement, {
        zoomEnabled: true,
        controlIconsEnabled: true
    });
}

const util = {};
util.updateInitializeDiv = updateInitializeDiv;
return util;
});

我收到“未捕获的 TypeError：svgPanZoom 不是函数”。

谁能建议我做错了什么？

【问题讨论】：

标签： svgpanzoom requirejs-define niagara-4

【解决方案1】：

我必须在 RequireJS 配置中引用 svg-pan-zoom 库才能使其正常工作。

【讨论】：