Rails 4 image-path、image-url 和 asset-url 不再在 SCSS 文件中工作

2023-12-02

除了image-url以及 Rails 4 中的其他内容?他们返回不同的值,这些值似乎没有意义。如果我有logo.png in /app/assets/images/logo.png我执行以下操作,这就是我得到的:

image-url("logo.png") -> url("/images/logo.png") #obviously doesn't work
image-path("logo.png") -> "/images/logo.png"
asset-url("logo.png") -> url("/logo.png")

当然,这些都不起作用,因为它们至少需要/assets在前。

UPDATE


我自己也刚刚遇到这个问题。 3点希望能有所帮助:

  • 如果您将图像放入app/assets/images目录,那么您应该可以直接调用图像,路径中不带前缀。 IE。image_url('logo.png')
  • 根据您使用资产的位置,将取决于方法。如果您将其用作background-image:属性,那么你的代码行应该是background-image: image-url('logo.png')。这适用于 less 和 sass 样式表。如果您在视图中内联使用它,那么您将需要使用内置的image_tagRails 中的助手来输出图像。再次强调,没有前缀<%= image_tag 'logo.png' %>
  • 最后,如果您要预编译资产,请运行rake assets:precompile生成您的资产,或者rake assets:precompile RAILS_ENV=production用于生产,否则,您的生产环境在加载页面时将不会有指纹资产。

另外,对于第 3 点中的命令,您需要在它们前面加上前缀bundle exec如果您正在运行捆绑程序。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Rails 4 image-path、image-url 和 asset-url 不再在 SCSS 文件中工作 的相关文章

随机推荐

  • 反向网格排列?

    我的右侧有一个侧边栏 左侧有内容 div class col md 9 p Main At large zoom currently it goes to top I want it to go to the bottom p div di
  • array_merge 和 array + array 有什么区别? [复制]

    这个问题在这里已经有答案了 一个相当简单的问题 有什么区别 merged array merge array1 array2 and merged array1 array2 这是一个简单的说明性测试 ar1 0 gt 1 0 a gt 1
  • Cocos2d 应用中的 NSTimer

    Cocos2d 文档中写道 使用 NSTimer 不是一个好主意 为什么不推荐使用NSTimer 我知道Cocos2d有一个schedule方法 尽量不要使用 Cocoa 的 NSTimer 而是使用 cocos2d 自己的调度程序 如果您
  • 通过 TCP/IP 接收对象

    我将通过 TCP IP 编写一个程序 我应该通过客户端或服务器发送对象 当我想发送或接收字符串但当我尝试读取对象时 它会正常进行 private Socket client public ThreadedClient Socket clie
  • 使用 applicationcontext.getbean 与 @configurable 的优点[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 使用有什么好处 可配置与上
  • 从原始资源文件夹播放 .MP4 视频

    我见过很多类似的问题 但到目前为止我还没有能够解决任何问题 我正在尝试从 res raw 文件夹播放视频 MP4 但只获得音频 没有视频 视频很短 约3秒 很小 350KB 如果我将视频直接放在设备 Motorola Droid 上 它可以
  • 下载之前如何知道文件的大小?

    我必须下载一个文件并且我正在使用这段代码 这基本上是一个AsyncTask这是为了更新进度条 但是 由于我不知道文件大小是多少 所以我不得不使用旋转进度条 那么 如何在开始下载之前获取文件大小 以便我可以使用正常的进度条 你可以获得一个名为
  • 使用 ARM NEON 汇编对 atan2 进行 SIMD 向量化

    我想使用 neon 指令 SIMD 和臂组件来计算 4 个点的大小和角度 大多数语言都有一个内置库 在我的例子中是 C 它计算角度 atan2 但仅针对一对浮点变量 x 和 y 我想利用处理 q 寄存器的 SIMD 指令来计算 4 个值向量
  • 如何使 sbt 任务在多个范围下运行

    我编写了一个 sbt 插件 可以生成一些源代码和资源 它经过硬编码以在编译范围内工作 如何让它在测试范围内工作 以便我可以在运行测试时使用该插件 并且它将查找并输出到正确的文件夹 例如 在我引用的代码中的各个点resourceManaged
  • 我们如何通过JSP scriptlet获取JavaScript数组

    我需要由 Java 类返回的 JavaScript 数组 多维 Here strComboValue是一个 JavaScript 变量 DBComboOptions getOptions combos 返回 Java 类中的数组 现在我想要
  • 从 pcl::PointCloud 中删除点

    我是 PCL 新手 我正在使用 PCL 库 并且正在寻找一种从点云中提取点或将特定点复制到新点的方法 我想验证每个点是否符合条件 并且我想获得仅包含优点的点云 谢谢 使用 ExtractIndices 类 将要删除的点添加到 PointIn
  • 在谷歌日历java上设置事件ID

    我尝试在 Java 中的 google calendar v3 api 上设置 eventId 但它给了我 400 错误 其中包含 message 无效的资源 id 值 有没有办法自己设置google日历的事件Id thanks 实际上 i
  • 如何通过 Sirikit 创建和使用自定义词汇?

    我希望 Siri 向我显示以下内容中的特定内容IntentViewControllerSiri 对我的特定命令的影响 我尝试过添加一个 plist to lproj但这对我不起作用 我无法理解你想做什么 所以我想给出一个你不能使用的建议IN
  • PHP 简单 HTML DOM 解析器 > 修改获取的链接 [关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 我有一个脚本可以从网站获取内容 我想要做的是修改所有链接 认为 html str get
  • 如何解释 php_uname 的输出

    来自manual我得到的信息是 mode is a single character that defines what information is returned a This is the default Contains all
  • Bootstrap 模态:不是函数

    我的页面中有一个模式 当我尝试在窗口加载时调用它时 它会在控制台上打印一条错误 modal is not a function 这是我的模态 HTML div class modal fade div class modal dialog
  • 使用 MediaCodec 编辑帧和编码

    我能够解码 mp4 视频 如果我使用配置解码器Surface我可以在屏幕上看到视频 现在 我想编辑帧 添加黄线 甚至更好地重叠小图像 并将视频编码为新视频 没有必要显示视频 我现在不关心性能 如果我在编辑时显示帧 如果编辑功能需要很长时间
  • 如何在R中编写fftshift和ifftshift? [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 In numpy 我们有以下功能 import numpy from numpy fft import fft2 ifft2 fftshift ifftshift 我想用 R 重
  • slurm 集群的最少计算机数量是多少

    我想设置一个SLURM集群 我至少需要多少台机器 我可以从两台机器开始 一台仅是客户端 一台既是客户端又是服务器 吗 正如 Carles 所写 如果您愿意 您可以只使用一台计算机 同时运行控制器 slurmctld 和工人 slurmd 守
  • Rails 4 image-path、image-url 和 asset-url 不再在 SCSS 文件中工作

    除了image url以及 Rails 4 中的其他内容 他们返回不同的值 这些值似乎没有意义 如果我有logo png in app assets images logo png我执行以下操作 这就是我得到的 image url logo