javascript - magento 中的 libphonenumber-js(或需要 js)返回未定义

Question

问题:

当没有 require js 时，这是如何工作的:

https://jsfiddle.net/3xL745fu/

<script src="https://unpkg.com/libphonenumber-js@1.7.18/bundle/libphonenumber-min.js">

</script>

<script>
  alert(new libphonenumber.AsYouType('US').input('213-373-4253'))
</script>

但需要 js :

https://jsfiddle.net/vwu84jap/

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
<script src="https://unpkg.com/libphonenumber-js@1.7.18/bundle/libphonenumber-min.js">

</script>

<script>
  alert(new libphonenumber.AsYouType('US').input('213-373-4253'))
</script>

libphonenumber 未定义？

Answer 1

解决办法是通过require js加载js:

<script src="https://cdnjs.cloudflare.com/ajax/libs/libphonenumber-js/1.7.18/libphonenumber-js.min.js">

</script>

<script>

   require([
       'libphonenumber'
   ], function (libphonenumber) {
       'use strict';

       console.log("libhphone number working");

       window.alert(new libphonenumber.AsYouType('US').input('213-373-4253'))

   });

</script>

https://jsfiddle.net/94jftb0e/