Lazyload polyfill / Magneto 2 js error "loading-attribute-polyfill.js Uncaught ReferenceError: module is not defined"

Question

我正在尝试将 this lazyload polyfill script 加载到我的 Magneto 2 项目中。

代码有效，但出现控制台错误，我正在尝试修复但没有成功。

Chrome 控制台： loading-attribute-polyfill.js Uncaught ReferenceError: 模块未定义在加载属性-polyfill.js:263

Safari 控制台： ReferenceError：找不到变量：模块

我已经尝试通过 xml 在头部加载它，在 phtml 模板结束之前手动加载它，也通过 requirejs-config.js，都给出相同的错误。

以防万一，我是通过这样的 requirejs 加载它的：

var config = {
    deps: [
      "js/vendor/loading-attribute-polyfill"
    ],
    map: { ... } 
};

有没有人在没有出现此错误的情况下将此脚本实施到 magento 2 中？我可以对脚本进行手动编辑来解决这个问题吗？

干杯！！

Answer 1

@DamianDziaduch 在回复你的评论后我尝试通过 requireconfig.js 'deps' 再次使用 UMD 版本并且它确实有效，控制台错误消失了，我之前尝试时一定是缓存或其他东西 ‍ ♀️感谢您的提示！现在我知道在 magento2/requirejs 中尽可能使用 UMD javascript （谷歌搜索时我没有遇到这个信息！）

Answer 2

您要使用哪个版本的 polyfil？有很多版本https://github.com/mfranzke/loading-attribute-polyfill/tree/master/dist

UMD 看起来与 RequireJS 兼容，但可能需要更改配置。

Lazyload polyfill / Magneto 2 js error "loading-attribute-polyfill.js Uncaught ReferenceError: module is not defined"

Lazyload polyfill / Magneto 2 js error "loading-attribute-polyfill.js Uncaught ReferenceError: module is not defined"

javascript

lazy-loading

requirejs

polyfills

magento2