问题标签 [domexception]

请查看以下页面，在单击其中的任何位置之前，将鼠标悬停在视频上并检查您的控制台 - 引发错误并且视频无法播放...

https://codepen.io/gil--/pen/bNxZWg

jQuery代码：

错误：未捕获（承诺）DOMException

但是，当您单击页面上的某个位置然后将视频悬停时，它会播放并且不会引发任何错误。我在我的网站上使用相同的代码，因此我想修复它。这太奇怪了！

我正在尝试关闭此页面并使用代码刷新父页面：

我收到此错误：

未捕获的 DOMException：阻止具有源“aaa.bbb.com”的框架访问跨域框架。在 aaa.bbb.com/xxx

即使两个网址都在同一个域中，它也会发生。我尝试使用“document.domain”检查域，我得到以下域名：

在这种情况下，aaa.bbb.com/xxx 是一个回调 url，它是从第三方集成调用以提供授权代码。此回调 url 显示子域，但父页面未显示。

我认为从第三方网站调用的 url 可能是问题所在。但是后来我使用 window.open 打开了这个回调 url，并且在关闭它时得到了相同的 document.domain 值和相同的异常。

尝试使用此代码安装 PWA 时：

正在抛出错误消息

这仍然是一个问题。任何人都知道如何解决这个问题？

在 puppeteer 中使用以下事件时出现错误。

我尝试过使用 Xpath 和选择器的方法，无法通过脚本找到元素。然而，在代码片段执行期间，可以跟踪或可以在开发工具 > 元素选项卡中找到相同的选择器

方法一：选择器

错误信息：

events.js：116（节点：24684）UnhandledPromiseRejectionWarning：错误：评估失败：DOMException：无法在“文档”上执行“querySelector”：“#menu-item-$PpyNavigation1564144649507$ppyElements$l1$ppyElements$l4 > a > span > span' 不是有效的选择器。在谓词（eval at waitForPredicatePageFunction (:2:21), :6:20) at eval (eval at waitForPredicatePageFunction (:2:21), :25:7) at onRaf ( puppeteer_evaluation_script : 56:33) at pollRaf ( puppeteer_evaluation_script : 48:5)

我正在构建一个基于 Django 的 Web 应用程序，我想通过单击按钮在浏览器中播放来自服务器的音频文件。该文件随着应用程序的使用而变化，因此我通过元素的src属性调用 Django 视图，如下所示：audio

这for-sure是要播放的默认文件名。这是映射视图函数：

我还添加了一个按钮来播放声音：

以及随附的 Javascript：

这适用于 Firefox (v68)，但我一直DOMException: Failed to load because no supported source was found在使用 Chromium (v76)。

从我发现它似乎是自动播放预防策略，但它也应该在 Firefox 中有效。如果是，我猜它可能是通过接收想要自动播放音频的视图的 HTTP 响应来触发的。

我也尝试过在这里初始化 AudioContext ，并在单击按钮时恢复它，但无济于事。

我错过了什么，我怎样才能让它发挥作用？

请帮助我，我不明白到底是什么导致了错误。编码：-

您的帮助将帮助custags.js帮助添加像 jQuery($) 这样的选择器。答案表示赞赏。

这是完整的代码：-

我原以为这会以相同的格式输出标签 lol-bar 和 check-1 但这件事间接表明我只能使用构造函数一次，因此进一步的定义无法实现。有人请解决这个问题，让我摆脱这个悖论。帮助和答案表示赞赏。将对我的开源项目custags.js的开发有很大帮助。

我正在获取一个 img，将其转换为文件，然后尝试共享该文件。我在 Android 上最新的 Chrome 上测试了代码（目前唯一支持此 API 的浏览器）。

我正在运行该函数以响应用户单击按钮（必须从用户手势调用 share() 方法，否则它将不起作用）。

（我正在使用 Browserstack 测试此代码，它为 javascript 错误提供了一个控制台，因为我无法成功地将我的 Android 设备链接到我的 mac 进行调试，并且此 API 仅适用于手机 - 不适用于桌面版 Chrome。）

当页面加载时，我希望音频文件自动播放。它工作过一次，但是当我刷新时，我得到了“play() 失败，因为用户没有先与文档交互”错误。当我更改一些代码时，它再次起作用，但刷新后我不断收到错误消息。

我试过模拟一次点击，正如我上面所说的，它工作过一次。

这是我现在拥有的代码：

两个控制台日志被记录，但音乐没有播放。

在同一路线的动态段之间导航时出现错误，例如当我在/project/my-project/到/project/my-project/gallery之间导航时一切正常。

/project/my-project/但是当我从to/project/my-other-project 或/project/my-project/galleryto导航时/project/my-other-project

未捕获的 DOMException：无法在 'Node' 上执行 'insertBefore'：要插入新节点的节点不是该节点的子节点

未捕获（承诺中）DOMException：无法在“节点”上执行“insertBefore”：要插入新节点的节点不是该节点的子节点。

这是我的应用程序路由结构的一部分

像这样用 router.js 写的

这是我在 project.hbs 中写的

项目/index.hbs

项目/画廊.hbs

Project::Banner和Home::ProjectSlider是组件，我不知道它们是否与这个问题有关。

更新 1

我试过删除

<Home::ProjectSlider @title="Latest Projects" @projects={{this.model.latest_projects}}/>从我的 project.hbs 中，我没有收到任何错误。

这是我的 home/project-slider.hbs 的代码

{{#each}}代码给了我错误，我不知道为什么。

更新 2

我认为光滑的滑块初始化是我评论它们时给我错误的原因，我没有收到错误，但显然我的滑块也不起作用。

这是 components/home/project-slider.js 的代码我希望有人能调查一下