只是为了尝试一些软件包功能,我想将其导入到浏览器的控制台中。我已经尝试过这种方法,但是会产生解析错误。
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
函数。
答案 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