vue-cli 在css里设置背景图background：url('path'),报错* ./assets/images/icon/4100.png in ./node_modules/_css-l

最新推荐文章于 2023-08-23 11:34:47 发布
最新推荐文章于 2023-08-23 11:34:47 发布
阅读量4.3k 收藏
点赞数
分类专栏： # Vue2.6+
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ_Empire/article/details/82147274
版权

解决办法：

1、在webpack.prod.conf.js文件里output里面添加：publicPath:"./",

2、在utils.js文件里添加 publicPath:'../../'

3、在config/index.js文件里，添加assetsPublicPath:'./'

到这里设置完成  开始使用

QQ帝国
关注
专栏目录
vue2 扩展雪碧图
var_deng的博客
08-05 427
1. 相关依赖 “webpack-spritesmith”: “^1.1.0”, // 雪碧图 “sass-loader”: “^6.0.7”, “sass-resources-loader”: “^2.0.3”, // 公共样式全局加载 2. webpack.base.conf配置 1）. webpack.base.conf文件添加： const SpritesPlugin = require('webpack-spritesmith'); plugins: [ //雪碧图 ne
a.vue基础入门项目实战——（项目初始化、修改根组件、首页页面、三要素基本搭建和json-server）实战01
Sicily_winner的博客
01-16 859
目录 ​百度网盘源代码 ​my-sz-one项目CLI创建 ◆ 前提依赖构建 1、router-view 2、ajax（菜鸟教程） 3、typicode/json-server 4、json-server文章 ◆基础项目构建 ​my-sz-one项目内容实现 ◆首页三要素（header、content、footer） ➊ header ➋ content部...
vue-cli项目中，css文件background-image设置问题
沧笙踏歌的博客
03-22 5463
使用绝对路径 在vue-cli项目中的放在public目录下的资源会被直接复制，不会经过webpack的打包处理。目录如下 我们可以在css文件中这么用 #header { position:relative; height:72px; background:url("/image/logo.png"); overflow:hidden; } 文件打包生成以后，他访问的是这个地址 ht...
Vue-cli中设置背景图片铺满整个屏幕
ywp2021的博客
10-24 2838
有效解决Vue背景图片问题
vue cli 报错 WARNING in ..node_modulesVuedistvue.runtime.esm.js
m0_67390969的博客
03-03 994
vue cli 报错 WARNING in …/node_modules/Vue/dist/vue.runtime.esm.js 解决 ： src文件夹 》 main.js中 修改 import Vue from ’ 《~ Vue ~》 ’ 为小写 vue
vue-cli 在css里设置背景图background：url('path'),报错* ./assets/images/icon/4100.png in ./node_modules/_css-l
麻球科技
02-23 2万+
解决办法：1、在webpack.prod.conf.js文件里output里面添加：publicPath：'./'2、在utils.js文件里添加 publicPath:'../../'3、在config/index.js文件里，添加assetsPublicPath:'./'到这里设置完成  开始使用...
vue.js 引用背景图 background 无效的3种解决办法
草巾冒小子的博客
05-21 9万+
脚注生成一个脚注[^脚注] [^脚注]：这里是* * * 脚注的内容.math stackexchange.com] [1] .-行内公式，数学公式为：\伽玛（N）=（N−1）！\四\的所有在 mathbb？\伽玛（N）=（N−1）！\四\的所有在 mathbb？ \伽玛（N）=（N- 1）！\四\的所有在\ mathbb？ .-块级公式： x = \ dfrac {-b \...
8、Vue 核心技术与实战 智慧商城项目 DAY8~10
m0_51394252的博客
08-23 1047
已售{{ detail.goods_sales }}件
Vue后台管理系统
weixin_45732235的博客
06-14 7317
vue后台管理系统相关笔记
Hexo-Matery主题细致美化
热门推荐
Anchor.K的博客
01-21 24万+
Hexo-Matery主题美化 在一番瞎改js代码后，终于无法忍受next主题，于是愤然投入Matery大家庭，结果证明，香！ 下面是我记录的配置Matery主题的流程，仅供后来的师傅们参考。 大家可以来我Hexo博客主页看看具体效果 我的小站 下载安装Matery主题 首先在hexo官网主题里面搜索Matery主题点击进入作者大大的github，然后下载 master 分支的最新稳定版的代码，解压缩后将 hexo-theme-matery 的文件夹重命名为matery，复制到Hexo 的 theme
vue老项目升级vue-cli3.0问题总结
liu940107600的博客
07-22 1万+
升级步骤 1、删除原vue-cli并安装vue-cli3.0 2、删除新项目中src下的内容，把原项目中src目录覆盖到新项目中 3、把router从目录文件夹改为文件，src/router/index.js提高一层变成src/router.js 4、我的项目中src已经分为了views和components所以无需修改，如果不是这个结构需要自己区分下 5、将原项目的index.html及favi...
vuejs在css样式表里设置背景图background:url('path'),报错
萧萧的博客
06-26 2万+
解决办法：1、在webpack.prod.conf.js文件里output里面添加：publicPath：'./'2、在utils.js文件里添加 publicPath:'../../'3、在config/index.js文件里，添加assetsPublicPath:'./'css样式表文件这样写这样就可以正常使用了...
vue cli创建的项目中 使用background加载图片的方法
sspu_admin
12-13 436
示例 background: url(’~@/assets/logo.png’) no-repeat;
vue项目中 路径使用的@和~的区别
halo1416的博客
02-20 5万+
首先：@和~ 都是在路径访问时使用的。 1. @ 使用说明         @这是webpack设置的路径别名。         在build/webpack.base.conf这个文件里面定义。                vue项目中默认定义了@（最常用）和vue$两个别名，如果需要，可以自己添加。           默认定义：@这东西代表着到src这个文件夹的路径    ...
在Vue中使用sass及sass图片路径问题
Harrietjia的博客
06-15 1万+
前言：    在Vue中引用外部SCSS(SCSS里面使用了图片)时，loader报错：* ../images/xxx.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped...
vue在css引入背景图片抱错：This relative module was not found:bg.png in ./node_modules/css-loader
fuck487的博客
01-12 1万+
参考：https://blog.csdn.net/qq_37078641/article/details/88288348 在css引入背景图片 background-image: url("../assets/image/mobile/bg.png"); background-size: cover; 抱错 This relative module was not found: *...
vue cli 打包项目造成css背景图路径错误
江湖行骗老中医
12-22 1047
vue cli做项目的时候难免会碰到，css引用背景图或者css，js之间的相互引用！！！这时候打包后可能会出现一个错误！！如下图： 写法： 错误： 会无端多出一个“/css/static/” 这样就会使路径错误； 解决办法： 办法一： 把不需要编译的东西，直接放在static文件下，css引用的时候直接写相对路径； 具体原因看：https://segmentfault.com/q/1010000009842688（大致是static文件夹下的东西不会经过编译） 办法二： 进行we
vue 动态加载图片src的解决办法
Mr_Yan的博客
12-12 7万+
好久没更博了，最近也不知道在忙啥，反正就是感觉挺忙的，在群里看到陆陆续续有刚入vue小伙伴问vue动态加载图片总是404的状况，这篇就简单的说明为什么会出现以及解决办法有哪些。首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助　assets:在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src
vue打包css文件中背景图片的路径问题
shuhaha的博客
10-17 7869
vue-cli写完的静态页面我们在node环境中引入没有问题，但是打包后放在Apache环境下，路径却有问题了 如一个简单css语句 .welcome { width: 420px; height: 235px; background: url(../img/welcome.jpg) 0 0 no-repeat;但是打包后路径成了却出现404访问不到的问题。 解决的办法很简单 build路
include: ['**/*.css', '**/*.js']，
最新发布
09-12
您想知道如何在配置文件webpack.base.conf.js中使用include: ['**/*.css', '**/*.js']。要解决这个问题，您可以按照以下步骤进行操作： 1. 打开webpack.base.conf.js配置文件。 2. 找到test项，它应该类似于{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader' }。 3. 在该test项中添加include项，如下所示：{ test:/\.css$/, loader:'style-loader!css-loader!stylus-loader', include:['**/*.css', '**/*.js'] }。 4. 保存并关闭webpack.base.conf.js配置文件。 通过以上步骤，您已经成功添加了include项，并将其设置为['**/*.css', '**/*.js']，以包括所有的.css和.js文件。这样做可以确保webpack在处理这些文件时能够正确地应用相应的加载器和插件。 引用来源：webpack.base.conf.js配置文件中的include项 引用来源：XP.css的使用方法 引用来源：解决vue项目中引入iview后的报错问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值