带有 Javascript 加载的 HTML 在“自定义 HTML”块中正确显示，但在预览中不显示 - Wordpress

Question

我有一个交互式地图，它在桌面上运行得很好，并且在 WordPress 的自定义 HTML 块中正确显示。

但是，当我保存块并预览更改时，地图不会出现在最终输出中。

控制台显示如下错误：

Uncaught SyntaxError: Identifier 'mapData' has already been declared
    at h (components.min.js?ver=71052e8dd4dc8ae6c776:32:605166)
    at components.min.js?ver=71052e8dd4dc8ae6c776:32:605804
    at Ir (react-dom.min.js?ver=18.2.0:10:73407)
    at xl (react-dom.min.js?ver=18.2.0:10:93227)
    at react-dom.min.js?ver=18.2.0:10:91969
    at Sl (react-dom.min.js?ver=18.2.0:10:92034)
    at cl (react-dom.min.js?ver=18.2.0:10:85803)
    at zn (react-dom.min.js?ver=18.2.0:10:32470)`

我确保不会在我的代码中的任何地方再次声明 const 'mapData'。

最后，除了渲染一些静态 html 元素外，没有任何输出。

动态创建的 svg 标签不会在预览后页面中呈现，但奇怪的是，当我单击与自定义 HTML 块关联的“预览”按钮时，整个事情都完美无缺。

我正在使用 Elementor。