less文件中引用相对路径编译报错-- 解决办法

最新推荐文章于 2024-01-11 08:41:23 发布

原创最新推荐文章于 2024-01-11 08:41:23 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#less #前端 #javascript

本文详细介绍了如何解决在Less编译过程中，由于使用相对路径而引发的错误，重点讲述了两种有效的方法：一是将URL用引号包裹并使用'./'，二是针对多级路径使用反斜杠''。此外，还提到了一些其他常见问题及参考案例。

部署运行你感兴趣的模型镜像

less文件中引用相对路径编译报错-- 解决办法

正解：

background-image: ~'url("./img/img.png")';

如上，将 url 内外用引号包裹，注意单双引号哟~ 亲测可用。

其他解：

以下这种方式也是常见的解决办法，但是在lz这里不可用，可以做个参考。

background-image: url('\./static/dark_blue.jpg');
将相对路径前加 \ (反斜杠) 
多级情况
background-image: url('\../\../static/dark_blue.jpg')

参考

vue中引入less 报错
 Error can’t find module when using less-loader and “module” options

您可能感兴趣的与本文相关的镜像

Dify

AI应用

Agent编排

Dify 是一款开源的大语言模型（LLM）应用开发平台，它结合了后端即服务(Backend as a Service) 和LLMOps 的理念，让开发者能快速、高效地构建和部署生产级的生成式AI应用。它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈，并且提供了易用的界面和API，让技术和非技术人员都能参与到AI应用的开发过程中