使用webpacker使用新的Rails 6应用程序。图像存储在/app/frontend/images中。
//added to /app/frontend/application.js
const images = require.context('../images', true)
const imagePath = (name) => images(name, true)Webpacker配置:
/config/webpacker.yml contains:
default: &default
source_path: app/frontend
source_entry_path: packs
public_root_path: public
public_output_path: packs
cache_path: tmp/cache/webpacker
check_yarn_integrity: false
webpack_compile_output: true我的问题是:image_pack_tag错误地将assets/添加到图像路径中。
<%= image_pack_tag 'media/images/AdminLTELogo.png', alt: 'AdminLTE Logo', class: "brand-image img-circle elevation-3", style: "opacity: .8" %>
呈现..。<img alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8" src="/assets/%2Fpacks%2Fmedia%2Fimages%2FAdminLTELogo-28f7e31d41f353b3aaff1236c7108479.png">
从路径中删除assets/将成功呈现图像。
有什么想法可以将assets/添加到图像路径中?
发布于 2020-02-10 13:46:12
原因:就在此错误发生之前,我创建了一个名为“资产”的模型。不知何故,我的resources :assets文件中的routes.rb函数与image_pack_tag冲突,将assets/插入到所有图像的路径中。当我简单地注释掉routes.rb文件中的routes.rb行和所有正确加载的图像时,我就意识到了这一点。
解决方案:我命名了我的资产模型,并在我的routes.rb文件中命名了routes.rb行。所有图像现在正确加载。
https://stackoverflow.com/questions/60123283
复制相似问题