Estoy tratando de usar el paquete iFrameResizer en un sitio principal e incrustar una página de reacción básica a través de un iframe. Al index.html del sitio de los padres, he agregado el siguiente código:
<iframe frameborder="0" id="sizetracker" src="http://localhost:3001" width="100%" style="position: fixed; z-index: 1000; bottom: 0; right: 0"></iframe> <script src="https://cdn.jsdelivr.net/npm/iframe-resizer@4.2.11/index.min.js"></script> <script> window.iFrameResize({ log: true }, '#sizetracker') // error thrown here </script> Estoy usando un cdn para agregar el paquete. Probé el CDN de unpkg (a través de https://unpkg.com/iframe-resizer@4.3.2/index.js ), así como la URL en el atributo src anterior que obtuve de js-delivr .
Se lanzan dos errores:
Uncaught ReferenceError: module is not defined ; parece provenir del index.js de CDNUncaught TypeError: window.iFrameResize is not a function ; supongo que esto se debe al error fallido anterior. ¿Cómo puedo importar correctamente a través de CDN y luego usar ese paquete npm en etiquetas de script en mi html?
CDN Link apuntaba al archivo JS incorrecto. No use el de jsdelivr o directamente desde unpkg. En su lugar, use: https://cdn.jsdelivr.net/npm/iframe-resizer@4.2.11/js/iframeResizer.min.js