全局scss封装引入背景图片路径报错

最近使用scss做了全局的mixin封装，用到背景图，意外发现通过相对路径引入图片后报错，大致意思为图片路径不对，改为了使用@代替src路径引入图片依然报错，一番百度后带出解决方案通过 ~@ 代替src路径进行图片引入

如下所示

.box{// background: url('@/assets/img/bg.png')   // 改为background: url('~@/assets/img/bg.png')
}

全局scss封装引入背景图片路径报错相关推荐

vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...
vue样式中背景图片路径_vue-cli3.0全局less样式中该如何正确设置背景图片的路径？...
用vue-cli3脚手架新建的项目,在使用less设置背景图片的时候遇到了路径报错问题,该如何正确设置背景图片的路径? 项目目录如下: 现在在css文件中有一个全局样式common.less.使用的是 ...
angular 行内引入背景图片
angular 引用背景图片 angular 引用背景图片本小白在引入背景图片的一直出现报错,一开始以为自己的路径没有引入正确,报错如下图解决方法双引号的问题把双引号换成单引号即可(行内才会出现 ...
vue样式中背景图片路径_vue打包css文件中背景图片的路径问题
vue-cli写完的静态页面我们在node环境中引入没有问题,但是打包后放在Apache环境下,路径却有问题了如一个简单css语句 .all_bg { background: url(../imag ...
使用background 的url 引入背景图片失效的问题
使用background 的url 引入背景图片失效的问题清楚相对路径和绝对路清楚相对路径和绝对路 / 表示的是根目录 ./表示的是当前目录 . . /表示的是上一级目录同理. . /. . / ...
Vue-在data中引入静态图片路径
在data中引入静态图片路径首先tempate中内容都一样: <template slot="pic" slot-scope="{ row }"> ...
vue引入组件路径报错“Already included file name ”
vue进入组件时组件路径报错,报错信息Already included file name 原因:更名时只改变了大小写解决方案: 引入时路径不添加.vue后缀修改为其他名字(仅改变字母大小写无效) ...
css中背景图片路径问题
1.不要给背景图片路径加引号将background:url("xxx.gif")改为background:url(xxx.gif) 因为对于部分浏览器加引号反而会引起错误. 2. ...
Vue单文件中引入背景图片时，四周有空白的问题
Vue单文件中引入背景图片时,四周有空白的问题问题背景初始引入背景图更新后的背景图设置问题背景近期公司有个管理系统前后端分离,但是前端人员不够,只能我们后端来凑,而在前端的开发过程中总是遇到 ...

全局scss封装引入背景图片路径报错

全局scss封装引入背景图片路径报错相关推荐

最新文章

热门文章