如何将NPM软件包导入浏览器的控制台

时间:2019-11-18 18:57:45

标签: javascript browser-console

只是为了尝试一些软件包功能,我想将其导入到浏览器的控制台中。我已经尝试过这种方法,但是会产生解析错误。

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未捕获的语法错误:无法使用   在模块外部导入语句

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

1 个答案:

答案 0 :(得分:1)

您无需使用<script>标签来导入类似的模块,否则,您可以在脚本本身中使用import * as reduxSaga from "https://unpkg.com/redux-saga@1.0.3/dist/redux-saga-effects.esmodules-browsers.js"之类的import语句来完成此操作。

关键是要在<script>标记上设置type,使其以type="module"的方式将脚本加载为模块(这允许{{1} } 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