INVALID_STATE_ERR：DOM 异常 11 (WebKit)

Question

我最近测试了我正在使用 Chrome 和 Safari 开发的卡布奇诺应用程序。我收到错误：

INVALID_STATE_ERR: DOM Exception 11: An attempt was made to use an object that is not, or is no longer, usable.

缺乏信息令人沮丧。什么对象以及我在哪里尝试使用它？ Chrome 尝试回答第二个问题，但是当它给出的文件只有 94 行长时，它给出的行号 465 没有任何意义。如果没有更多信息，我什至不知道从哪里开始寻找。

Answer 1

通常，当您使用 async = true 调用 open 方法，或者未定义 async 参数以使其默认为异步，然后访问 status 或 responseText 属性时，XMLHttpRequest 中通常会出现此错误。这些属性仅在您执行同步调用后或在 readState 变为就绪状态（异步调用响应后）时才可用。我建议您首先尝试使用 async = false，然后切换为 true 并使用 onReadyStateChange。

Answer 2

就我而言，我在打开连接之前设置标头。为了防止此错误，需要在打开连接后设置标头：

var fd = new FormData();
fd.append("fileToUpload", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", postUrl, true);
xhr.setRequestHeader("cache-control", "no-cache");
xhr.send(fd);

我知道这个答案特定于我的问题，而不是通用的 INVALID_STATE_ERR: DOM Exception 11 消息，但我想我会在这里为下一个人发布我的解决方案。

Answer 3

Chrome canary 提供 DOM 异常的堆栈跟踪！

Answer 4

当 Javascript 尝试将 document.write() 写入 XHTML 页面 (Content-Type: application/xhtml+xml) 时，也会发生这种情况。

Answer 5

当尝试修改 的 value 属性时，也会引发此错误

。这是一项安全检查。

Answer 6

首先，我对卡布奇诺一无所知，也不知道你想做什么。但我在使用 Qt WebKit 和 JavaScript 对象时看到了这一点。它发生在 javascript 窗口对象被清除之后，例如，如果我在加载新页面后没有将本机 JS 对象加载到 WebKit。

这基本上意味着，您正在尝试使用内部删除的 JavaScript 对象。

Answer 7

在这种情况下，我认为问题源于尝试使用未完全加载的图像的图案填充将图像绘制到画布上。这个问题与卡布奇诺问题811有关，我的推理基于aparajita 建议在尝试将图像用作图案填充之前确保图像已加载。

尽管如此，考虑到关键信息（被称为什么对象）并不明显，并且它可能出现的位置多种多样，这个错误仍然令人沮丧地不透明。

Answer 8

Chrome 和 Safari 都内置了调试器。确保使用index-debug.html 文件启动应用程序以获得易于阅读的代码。

在 Safari 中，转到“首选项”并激活“开发人员”菜单。然后转到“开发”>“开始调试 JavaScript。使用左下角的暂停图标将调试器设置为在出现错误时暂停。下次遇到问题时，调试器将在有问题的行处暂停，并向您显示它是如何通过堆栈跟踪到达那里的。

Answer 9

当尝试动态编写带有 value 属性集的 input[type="file"] 元素时，我已经看到这种情况发生。

当我从我注入的内容中删除 value attr 时，一切都正常了。

从某种意义上说，我认为这个错误的意思是“你试图做一些规范不允许的事情”，基于这篇文章 - http://designbyjeeba.blogspot.com/2011/04/dreaded-invalidstateerr-dom-exception.html

Answer 10

我之所以出现这个问题，是因为我像这样使用了音频 API：

let someAudio = new Audio(file);
someAudio.play();
someAudio.pause();

但这是不正确的，因为 play() 函数是异步的。相反，您需要使用返回的 Promise 的 then 函数。

someAudio.play().then(() => someAudio.pause());

返回值：一个 Promise，在播放开始时履行，或者在由于任何原因无法开始播放时被拒绝。
MDN

Answer 11

我想补充一下。使用内置浏览器在 Samsung S4 和 S5 上遇到此错误。

就我而言，这是由于尝试播放尚未加载的音频文件引起的。

这个SO Question涵盖了同样的问题：
DOM 异常 11