如何在 Chrome Devtools JS 控制台中“从 'http://bar.org/some-esm-module.js'导入 blah”?

2023-12-06

当我尝试从 Chrome devtools / javascript 控制台使用 ESM 导入时,它会抱怨:

> import Confetti from 'https://cdn.skypack.dev/canvas-confetti'

Uncaught SyntaxError: Cannot use import statement outside a module

有什么方法可以说服 chrome 控制台执行为type='module'所以我可以使用模块语句吗?或者另一种解决此问题的方法,仍然允许交互式导入 ESM 模块以进行交互式开发?

我已经开始大量使用 ESM 模块,特别是由 NPM ESM 模块自动转换的大型库Skypack。这在静态开发中非常有效,但我是 REPL/浏览器开发工具的重度用户。

甚至找第三方fakeImport(urlToESM)我可以用来加载 ESM 模块的函数对我来说将是一个巨大的生产力提高。


Dynamic import()和顶级await应该管用:

const { default: Confetti } = await import('https://cdn.skypack.dev/canvas-confetti');
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Chrome Devtools JS 控制台中“从 'http://bar.org/some-esm-module.js'导入 blah”? 的相关文章

  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • libxmljs 的替代品 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 目标 使用 Node js 访问网页 使用 xpath 语法操作 DOM 并打印新的 DOM libxm
  • 从 php 到 JavaScript 的数组

    我正在尝试使用 json 将数组列表从 php 传输到 javascript 但它不起作用 JS ajax url getProfilePhotos php type post post or get method data if you
  • 如何使用 JavaScript 选择预节点/块中的文本?

    我了解不允许 JS 将任意文本复制到剪贴板背后的安全原因 但是是否有一种方法可以通过单击按钮来选择预节点中的文本 类似于 select 函数在输入中的工作方式 我不是在寻找复制到剪贴板的 jQuery 插件 我只想突出显示预块中的文本 以便
  • Sonar 中的 javascript 代码覆盖率

    我是使用 Sonar 和插件进行 javascript 代码覆盖的新手 使用 Sonar 分析时 有哪些可能性可以找出 javascript 代码的质量 包括代码覆盖率 目前我正在使用 karma runner 它提供代码覆盖率报告 可以在
  • Javascript 在另一个函数中检测“Shift”键按下

    我正在从 Flash 影片 使用外部接口 调用我的 html 页面中的 Javascript 函数 并且我想知道调用该函数时用户是否按下了 Shift 键 例如 如果我通过鼠标单击调用该函数 这似乎很简单 因为我可以传递事件并检查 if e
  • 递归修剪对象中所有元素的更好方法?

    如果我有一个像这样的物体 const obj field subfield innerObj a asdasd asdas innerArr s ssad innerArrObj b adsad 我想出了这样的东西 const trimFi
  • 在动态创建的元素上添加事件监听器[重复]

    这个问题在这里已经有答案了 是否可以向所有动态生成的元素添加事件侦听器 Javascript 我不是页面的所有者 因此我无法以静态方式添加侦听器 对于页面加载时创建的所有元素 我使用 doc body addEventListener cl
  • React 应用程序中的 addEventListener 不起作用

    一些背景 我正在尝试消费自定义网络组件在 React 应用程序中并尝试监听来自 Web 组件的事件 我相信您不能只在自定义 Web 组件上以通常的反应方式处理事件 i e
  • 游戏手柄 JavaScript 未能按预期更新

    我正在尝试让浏览器报告我的 XBOX 控制器的状态 然而 在第一次按下按钮后 它似乎变得 卡住 我究竟做错了什么
  • html canvas动画卡顿

    谁能解释为什么提供的画布动画断断续续 我创建了一个测试存根来演示该问题 我在桌面上的 FF Chrome IE 以及 Android 上的 FF 和 Chrome 中看到了卡顿现象 口吃是由于垃圾收集造成的吗 似乎 raf 在每次调用时都会
  • 使 Material UI Grid 项目的子项拉伸以适合父容器的剩余高度

    1 现状 我有一个包含 4 个网格项的 Material UI 网格容器 每个 Grid 项中都有一个 Typography 组件 其中包含标题和包含一些内容的 Card 如下所示 2 期望的外观 我希望卡片填充网格项目的剩余高度并且不超过
  • 窗口大小调整触发的 DOM 事件

    我有一个布局相当复杂的页面 最初打开页面时 某些元素的对齐存在问题 但是 可以通过更改浏览器窗口的大小来 永久 解决此问题 显然 我不希望用户必须调整浏览器窗口的大小才能使页面正确显示 所以我想知道是否有一种方法可以在页面首次加载时以编程方
  • 自定义指令链接中的 element.replaceWith 仅在第一次调用时有效

    我是 Angularjs 的新手 不太了解幕后的情况 基本上我想创建一个 E 扭结指令 基于控制器中的数据 我动态创建html 就像整个 表 一样 以替换该指令 我的 html 文件中的指令是这样的
  • 尝试使用 Firebug 查找 JavaScript 文件中的函数

    我试图找到这个函数调用 myFooBar 该函数在某些 HTML 中内联引用 但页面加载了大量 JavaScript 并且在每个文件中搜索该函数需要相当多的工作 如何使用 Firebug 找到此函数所在的 JavaScript 文件 打开脚
  • Javascript onload 不起作用[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 我正在使用
  • 弹出窗口的动态高度取决于内容,可能吗?

    是否有可能获得一个宽度始终为 400px 的弹出窗口 但根据弹出窗口中的内容动态高度 我已经看到了这个 但不知道如何将其应用到弹出窗口 调整 iframe 的宽度高度以适应其中的内容 https stackoverflow com ques
  • 如何:带有 onclick 的 div 位于另一个带有 onclick 的 div 中

    只是一个简单的问题 我遇到了 div 与 onclick javascript 之间的问题 当我点击内部 div 时 它应该只触发它的 onclick javascript 但外部 div 的 javascript 也会被触发 用户如何点击
  • ReactJs 警告:不推荐使用改变“style”。考虑事先克隆它

    我收到以下警告 inWarning div was passed a style object that has previously been mutated Mutating style is deprecated Consider c
  • DOM 解析器 Chrome 扩展内存泄漏

    问题 我开发了一个扩展程序 可以拦截 Web 请求 获取 Web 请求来源的 HTML 并对其进行处理 我使用 DOMParser 来解析 HTML 并且意识到 DOMParser 正在导致大量内存泄漏问题 最终导致 chrome 扩展崩溃

随机推荐

  • Win32 分割器控件

    在 Win32 的所有不同控件中 有哪些基本的 轻的可用的 Splitter Splitcontainer 控件 意味着一两个 C C 文件max 我似乎无法在 Visual Studio 中显示的默认控件中找到任何内容 并且我在网上找到的
  • Android OpenGL ES 1.1 白盒纹理

    我遇到的问题是资源的纹理变成白色 这个问题似乎只发生在手机上 当然是 Droid X 但它在模拟器上运行得很好 我已经研究这个问题好几天了 并尝试了很多东西 纹理是 POT 范围从 8x8 到 128x128纹理位于 res drawabl
  • 如何更改ggboxplot中的x轴标签

    我有一个包含多个因素的数据框 我使用 ggboxplot 来获取一个箱形图 并对不同类别进行比较 我对 x 轴标签不满意 我尝试了不同的方法 但未能达到我的预期 用于创建绘图的代码是 df lt data frame country sam
  • 使用 python selenium 进行网页测试:执行速度非常慢

    我使用 Selenium 用 Python 编写了一个非常简单的网页测试 这里是代码 from selenium import webdriver import unittest from selenium webdriver common
  • 如何使用 facebook api 隐藏页面帖子

    我有这个代码 它来自这个链接https developers facebook com docs reference api page 请参阅 隐藏页面帖子 我没有任何错误 但我的问题是 这段代码不起作用 页面帖子仍未隐藏 下面是我的代码
  • Cosmos DB 固定 (10GB) 集合的分区键的用途

    在 Cosmos DB 文档中 我看到分配固定 10GB 集合意味着只会分配一个分区来保存集合中的文档 我的问题 如果我选择固定集合 如果我只有一个分区 为什么仍然提示我选择分区键 我的猜测是 单个分区指的是单个物理分区 但仍然可以在单个物
  • 使用 Appium 在真实 Android 设备上以隐身模式打开 Chrome

    我正在使用 Appium 在 Android 版 Chrome 上测试我的网站 我想为 Android 版 Chrome 添加一些选项 例如隐身模式和禁用缓存的可能性 我尝试使用以下示例代码 但它无法正常工作 Appium 能够在我的 An
  • 在 Cucumber around Hook (Ruby) 中多次调用 Block

    我正在尝试运行一个场景数 30 次 以获得一个很好的统计样本 然而该块只执行一次 随后的每次都会导致场景被调用但不执行 尽管它表示该场景在大约 5 毫秒的时间内成功完成 Around mass benchmark do scenario b
  • 使用 Groovy 计算两个日期之间的月份差异

    我需要计算两个日期之间的月份差异 start new Date 112 4 30 Wed May 30 00 00 00 CEST 2012 end new Date 111 9 11 Tue Oct 11 00 00 00 CEST 20
  • Python 3中reverse()的时间复杂度

    Python 3 中的 returned 的时间复杂度是多少 我认为答案是 O 1 但我想澄清它是对还是错 reversed some list 在我的机器上总是需要大约 120ns 才能完成 这是 O 1 时间复杂度的明显标志 这是因为这
  • 让 Pyinstaller 识别 Kivy Garden Matplotlib 模块的路径

    这类似于 PyInstaller 中的 Kivy Garden 试图跟踪导入除了我将提供更多详细信息 希望使人们更容易测试并提供具体的解决方案 我已经使用 Kivy 1 9 1 构建了一个 Python 2 7 13 应用程序 并尝试使用
  • 在 Azure 中,我可以从 C# WebJob 调用 Python 脚本吗?

    我想用 C 创建一个 WebJob 不幸的是 我需要使用 Python 3 脚本 因为目前没有合适的库来执行我需要使用 C 执行的 1 个特定任务 例如 参见这个答案 例子 是否可以让我的 WebJob 调用 Python 脚本 我可以将
  • BreezeJS:在控制器中应用客户端查询

    无论如何 是否可以在控制器中应用用户查询以便对最终结果集执行某些操作 举个例子 HttpGet public IQueryable
  • 如何在 Monogame Windows Phone 8 游戏项目上设置 xnb 文件?

    我从未找到任何使 xnb 文件起作用的教程 他们都使用非Windows Phone 8 Win 8 Metro等 方式 有人可以指导我使我的 xnb 文件在 MonoGame Windows Phone 8 游戏项目中可用吗 因为我在谷歌上
  • 声明模板类的模板友元函数

    我有一个类模板Obj和一个函数模板make obj Obj has a private定义了单个构造函数 它引用要绑定到的模板化类型 template
  • 获取数组中出现次数最多的项

    var store 1 2 2 3 4 我想知道2数组中出现次数最多的 我该如何去做呢 我会做类似的事情 var store 1 2 2 3 4 var frequency array of frequency var max 0 hold
  • 如何在j2me应用程序中锁定横向模式?

    我只想以纵向模式显示我的应用程序 我必须限制我的应用程序中的横向模式 每个设备都有单独的属性 对于诺基亚来说 诺基亚 MIDlet 应用程序方向 纵向 对于三星来说 MIDlet 屏幕模式 纵向 在 JAD 中添加这些后 我尝试将其安装在诺
  • 工件未在发布管道中下载 - Azure DevOps

    我一直在努力解决 Azure DevOps 中的一个问题 我可以通过构建管道成功构建工件 我使用发布工件任务 我可以看到该工件已成功构建 因为我可以下载它 并且可以稍后在发布管道中引用它 问题是 当托管代理启动时 不会将任何工件下载到计算机
  • 是否可以在我们的应用程序中而不是 Safari 中打开 Markdown 链接?

    当您使用 Markdown 下面的示例 并点击链接时 Swift 会自动关闭我的应用程序并在 Safari 中打开链接 但我想在我的应用程序内的 Web 视图中打开链接 这可能吗 Text Hello Example of a markdo
  • 如何在 Chrome Devtools JS 控制台中“从 'http://bar.org/some-esm-module.js'导入 blah”?

    当我尝试从 Chrome devtools javascript 控制台使用 ESM 导入时 它会抱怨 gt import Confetti from https cdn skypack dev canvas confetti Uncaug