Как использовать ключевые кадры JQuery с Webpack / React? - PullRequest
0 голосов
/ 01 июня 2018

Я немного новичок в хостинге сайтов.В настоящее время я запускаю локально размещенную страницу, которая работает с webpack.Я использую этот сервер с реакцией.До сих пор, когда мне требовалось использовать что-то, такое как JQuery, React или другие плагины, я добавлял их на свой сервер через терминал таким образом, как:

npm install react-dom --save-dev

Это работало для всего таким образомдалеко, но я столкнулся с ключевыми кадрами JQuery.Обычно ключевые кадры JQuery и JQuery можно использовать, добавив следующие теги сценария в ваш базовый html-файл:

<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 в мои папки.Я добавил этот файл в основную папку и добавил тег script в мой 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) У меня должен быть какой-то оператор импорта, такой как: import $ .keyframe from "../jquery.keyframe.js";

Вверхумоего файла JavaScript.

Заранее благодарим за прочтение и ответ на этот вопрос.

...