如何在Webpack / React中使用JQuery Keyframes?

时间:2018-06-01 15:48:53

标签: javascript jquery reactjs webpack keyframe

我对网站托管有点新鲜。我目前正在运行一个使用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文件的顶部。

提前感谢您阅读并提交此问题。

0 个答案:

没有答案