Animate. css не работает с Laravel 7.10.3 в Chrome и FF - PullRequest
Новая
       27

Animate. css не работает с Laravel 7.10.3 в Chrome и FF

1 голос
/ 08 мая 2020

Я пытаюсь использовать Animate. css в моем проекте Laravel. Я установил Animate. css с помощью следующей команды: 

npm install animate.css --save

Я включил его в файл \ resources \ sass \ app.s css: 

@import "~animate.css/animate.css";

Затем я запустил следующая команда npm для компиляции в приложение. css: 

npm run dev

Когда я смотрю в исходный код страницы в браузере, анимируйте. css кажется, включен, но HTML элементы не анимированы. Анимация работает в Edge, но не в Chrome (v81.0.4044.138) или FF (v76.0).

1 Ответ

0 голосов
/ 07 сентября 2020

Возможно, вы забыли JavaScript или неправильно настроили.

Установить анимацию. css: 

npm i animate.css --save

In bootstrap. js добавить 'animate.css'. 

window.Popper = require('@popperjs/core').default;
window.$ = window.jQuery = require('jquery');
window.animate = require('animate.css');

В app.s css: 

@import "~animate.css/animate";

Создайте готовую к производству сборку: 

npm run prod

Затем убедитесь, что вы используете правильные файлы: 

<link href="{{ mix('css/app.css') }}" rel="stylesheet">
<script src="{{ mix('js/app.js') }}"></script>
...