在 Rails 6 中的 Webpacker image_pack_tag 帮助下使用（添加）图像到 html

Question

我在向网页添加图像时遇到问题我尝试使用 Webpack 所以我在 application.js

下载图片

const images = require.context('./assets/images/', true)
const imagePath = (name) => images(name, true)

之后我尝试在 html.erb

中实现它们

          <div class="modal-body"
          <%= image_pack_tag 'calibration.png' %>
          </div>

所以，我有这个错误我做错了什么？我需要做什么？

Answer 1

问题已解决。我的错误是我指定了错误的路径；正确的变体是：

const images = require.context('../../assets/images', true)

之后，将图像放入 public/packs/media/images/ 所以你可以通过两种方式在 HTML 中实现它：

<%= image_pack_tag 'media/images/name_of_image.png' %>
<img src="<%= asset_pack_path 'media/images/name_of_image.png' %>" width="100%" height="100%" alt=" demo instructions"></img>

using(adding) images to html with help image_pack_tag by Webpacker in Rails 6