IE9 - Mime类型不匹配 - 对象不支持属性

Question

我正在玩一个名为JRumble的JQuery插件：http://jackrugile.com/jrumble/

我设置了一个简单的小提琴来测试：http://jsfiddle.net/phillipkregg/4LP65/6/

您可以看到该插件在Chrome和Firefox中正常运行，但在IE9上我遇到了一些错误。

获取IE开发者工具的屏幕截图，以显示它所指的内容：

我在控制台中复制了文本，以防图像难以阅读：

HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
HTML1115: X-UA-Compatible META tag ('IE=EmulateIE7') ignored because document mode is already finalized. 
4
SEC7112: Script from https://raw.github.com/jackrugile/jRumble/master/demo/js/jquery.jrumble.1.3.min.js was blocked due to mime type mismatch 
show
SCRIPT438: Object doesn't support property or method 'jrumble' 
show, line 26 character 2

当我查找Object doesn't support property or method 'jrumble'的问题时，一些解决方案表明这可能是由与JavaScript变量名称相同的id或类名引起的。但是，在我的简单示例中没有冲突的名称，它仍然无法在IE中使用。

仅仅从查看控制台来看，似乎问题可能是mime类型不匹配，导致IE无法看到JRumble。

这确实是问题吗？有谁知道如何解决这个问题？

谢谢！

Answer 1

要进一步解决此问题，请转到“网络”选项卡，开始捕获，然后重新加载页面。找到该脚本并转到其详细视图。检查content-type响应标头，看看它是什么。

通过使用正确的标头从您自己的服务器提供文件，可以避免此问题。