在Rails 6中通过Webpacker在help_image_pack_tag的帮助下将图像添加到html中

2024-05-17 • 问答

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

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

在Rails 6中通过Webpacker在help_image_pack_tag的帮助下将图像添加到html中

newcivil 回答：在Rails 6中通过Webpacker在help_image_pack_tag的帮助下将图像添加到html中

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

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

之后，我们的图像放置在公共/包/媒体/图像/ 因此，您可以通过两种情况的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>

ruby-on-rails ruby-on-rails-6 webpack webpack-4

本文链接：https://www.f2er.com/3102725.html

在Rails 6中通过Webpacker在help_image_pack_tag的帮助下将图像添加到html中

newcivil 回答：在Rails 6中通过Webpacker在help_image_pack_tag的帮助下将图像添加到html中

大家都在问