我对网站托管有点新鲜。我目前正在运行一个使用webpack运行的本地托管页面。我正在运行这个服务器并做出反应。到目前为止,当我需要使用诸如JQuery,React或其他插件之类的东西时,我会通过以下方式将它们添加到我的服务器:
npm install react-dom --save-dev
到目前为止,这已经适用于所有事情,但我遇到了JQuery关键帧。通常可以通过将这些脚本标记添加到基本html文件来使用JQuery和JQuery关键帧:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='/path/to/jquery.keyframes[.min].js'></script>
在这两个中,我无法通过插件加载jquery关键帧,所以我认为我唯一的解决方案是将jquery.keyframes.js文件添加到我的文件夹中。我将此文件添加到我的主文件夹,并将脚本标记添加到我的index.html:
<script src='.../jquery.keyframes.js'></script>
这是我感到困惑的部分。我开始得到这个问题:
拒绝执行“http://localhost:3000/jquery.keyframes.js”脚本,因为其MIME类型(“text / html”)不可执行,并且启用了严格的MIME类型检查。
我读到了这个问题,最终我通过将脚本标记更改为“修复”了这个问题:
<script src='.../jquery.keyframes.js' type="text/js"></script>
我真的不确定这是否是一个正确的解决方案。我当然仍然不确定我的问题,因为当我尝试使用命令时:
$.keyframe.define(aKeyframe);
我收到错误:
Cannot read property 'define' of undefined
这意味着我仍然没有正确添加文件,或者我没有正确导入到我的JavaScript文件中。我能看到的唯一解决方案是:
1)jquery.keyframes.js文件应该位于某个地方的node_modules中,因为它是jquery的扩展名。
2)还有另一种方法可以修复MIME类型错误。
3)我应该有一些导入声明,如: 从“../jquery.keyframe.js”;
导入$ .keyframe在我的JavaScript文件的顶部。
提前感谢您阅读并提交此问题。