-1

只是为了玩一些包功能，我想将它导入浏览器的控制台。我已经尝试过这种方法，但它给出了解析错误。

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://unpkg.com/libphonenumber-js@1.7.26/core/index.js';
document.head.appendChild(script);

我得到的错误，

parsePhoneNumberFromString.js:1 Uncaught SyntaxError: Cannot use import statement outside a module

我正在尝试在parsePhoneNumberFromString浏览器的控制台中使用功能。

4

1 回答 1

1

你不使用<script>标签来导入这样的模块，或者如果你这样做，你在脚本本身中使用import类似import * as reduxSaga from "https://unpkg.com/redux-saga@1.0.3/dist/redux-saga-effects.esmodules-browsers.js".

关键是type在<script>标签上设置 ，以便type="module"它知道将脚本作为模块加载（允许import export）。

例如：

index.js

import {parsePhoneNumberFromString} from "https://unpkg.com/libphonenumber-js@1.7.26/core/index.js";

const pnStr = "555-555-5555";
const pn = parsePhoneNumberFromString(pnStr);
console.log(pn);

index.html

<html>
    <head>
        <script src="index.js" type="module"></script>
    </head>
</html>
于 2019-11-18T19:08:19.530 回答