时间戳

首页 > 解决方案 > 在 Rails 6 中 Webpacker 在 image_pack_tag 的帮助下使用（添加）图像到 html

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

问题描述

我在将图像添加到网页时遇到问题我尝试使用 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>

所以，我有这个错误我做错了什么？我需要做什么？ 在此处输入图像描述

标签： ruby-on-railswebpackwebpack-4ruby-on-rails-6

解决方案

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

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

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

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

推荐阅读