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

Question

此问题已经在这里有了答案：

How to use ES6 modules from dev tools console（5个答案）

关闭上个月。

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

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://unpkg.com/[email protected]/core/index.js';
document.head.appendChild(script);

我得到的错误，

parsePhoneNumberFromString.js：1未捕获的语法错误：无法使用模块外的导入语句

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

Answer 1

您不使用<script>标记来导入类似的模块，否则，您可以使用import语句（例如import）在脚本本身中进行导入。

关键是在import * as reduxSaga from "https://unpkg.com/[email protected]/dist/redux-saga-effects.esmodules-browsers.js"标记上设置type，以便它以已知的方式将type加载为模块脚本（允许<script> type="module"）。

例如：

import

export

index.js

import {parsePhoneNumberFromString} from "https://unpkg.com/[email protected]/core/index.js";

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