如何使animate.css在rails中工作?因为animaterails在heroku上不工作

Question

animation -rails不支持heroku但是在本地工作。Coffeescript正在制作heroku。

rails版本:rails 6.1.4.1ruby版本:ruby 3.0.2p107 (2021-07-07 revision 0db68f0233) [arm64-darwin20]

下面是各自文件中的代码:

Gemfile→gem "animate-rails"

application.css.scss→*= require animate

application.js→import 'animate.css/animate'

package.json→"animate.css": "^4.1.1"

production.rb→config.assets.compile = false

html文件→.nav-item.animate__animated.fadeIn.animate__slower.animate__delay-2s Sample Text

application.html.slim

= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'

environment.js

const { environment } = require('@rails/webpacker')
const coffee = require('./loaders/coffee')
const webpack = require('webpack')
environment.plugins.append('Provide',
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
Popper: ['popper.js', 'default']
})
)
environment.loaders.prepend('coffee', coffee)
module.exports = environment

Answer 1

既然您正在使用SCSS，您可以尝试修改您的application.css.scss文件:

@import 'animate';

Answer 2

您的application.scss文件名似乎有问题，它不应该是。css.scss。扩展名只能是。scss。

同样，如果你正在使用webpacker (Rails 6的标准配置)，你可以尝试在你的生产环境中运行./bin/webpack。