使用 importmap 时 Lightbox2 导航图像丢失

Question

在 Rails 7.1 项目中，我使用 importmap 来加载 lightbox2

importmap.rb
pin "lightbox2", to: "https://ga.jspm.io/npm:[email protected]/dist/js/lightbox.js"

这有效，但没有加载任何导航图像。例如放大时叠加在图像上的 X < >。 html 将它们引用为

lightbox2/close.png

- 我已经克隆了 lightbox2 gem 并手动将图像复制到

app/assets/images/lightbox2

目录中，但这感觉不是正确的解决方案，因为它不起作用 - url 需要

assets 

为其添加前缀。

我应该如何在 Rails 7.1 项目中包含 Lightbox2 导航图像？

Answer 1

将其放在这里，以供其他遇到此问题的可怜灵魂使用：

我必须从 Lightbox url 下载 css (.scss) 并将其添加到

app/stylesheets/vendors

目录中。在它可以工作之前，其中的图像名称需要有

assets/

添加前缀和

image_path

命令删除。

所以

background: url(image_path('lightbox2/close.png')) top right no-repeat;

成为

background: url('assets/lightbox2/close.png') top right no-repeat;

完成后，重建应用程序 css 文件，图像就会出现。