vue加载css背景图片报错

2024-09-03

vue cli 打包项目造成css背景图路径错误

vue cli做项目的时候难免会碰到,css引用背景图或者css,js之间的相互引用!!!这时候打包后可能会出现一个错误!!如下图: 写法: 错误: 会无端多出一个“/css/static/” 这样就会使路径错误: 解决办法: 办法一: 把不需要编译的东西,直接放在static文件下,css引用的时候直接写相对路径: 具体原因看:https://segmentfault.com/q/1010000009842688(大致是static文件夹下的东西不会经过编译) 办法二:进行wepack配置:

WPF加载Winform窗体时报错：子控件不能为顶级窗体

一.wpf项目中引用WindowsFormsIntegration和System.Windows.Forms 二.Form1.Designer.cs 的 partial class Form1 设置为:public partial class Form1 三.代码如下: XXXX.Form1 Zhuwindow = new XXXX.Form1(); Zhuwindow.TopLevel = false; Zhuwindow.FormBorderStyle = System.Windows.Fo

nginx 无法加载css/js图片等文件 404 not fund

刚配置Nginx反向代理,Nginx可能会出现无法加载css.js或者图片等文件,这里需要在配置文件*.conf里面加上如下配置项. location ~ .*\.(js|css|png|jpg)$ //这是是需要加载文件的正则过滤如果有其他文件再加上即可 { root D:/WWW/web/; //这是网站根目录 if (-f $request_filename) { expires 1d; break; } } 重启Nginx服务器,即可.

vue打包后css背景图片地址找不到

背景图片变成了这样:static/css/static/imgs/xxx.jpg 解决方法,修改build/utils,添加 publicPath: '../../' 就行对比了下,components目录下的css背景图片也没有出现这种问题,出现问题的是src/base目录,目前只知道是vue-loader的问题解决参考:https://www.cnblogs.com/libo0125ok/p/9361038.html

关于package，import,和“找不到可以加载的主类”报错之间的关系

正在回顾java基础目录结构如下: 一以下代码,进入Example所在的文件夹, javac和java都不会报错 public class Example{ public static void main(String[] args){ System.out.println("test1"); } } 二以下代码,进入Example1所在的文件夹,javac不会报错,java会提示找不到主类 package com.test; public class Example1{ pub

关于html异步加载外部json文件报错问题

一. HTML代码如下: 参考网站(echarts-JSON请求数据):https://blog.csdn.net/you23hai45/article/details/51585506 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>echarts-JSON请求数据</title> <script type="text/jav

ListView 加载数据时触摸报错

问题起因: 在做一个从sd卡中加载数据显示在ListView中,由于数据可能比较多,考虑到用户体验,就使用AsyncTask来异步加载,数据一条一条的添加至ListView中. 开始数据比较少的时候,基本上瞬间完成所有加载,没发现这个问题,后来把测试数据添加至一百来条,问题就出现了,当我的数据还在加载的时候, 用手在ListView上做Touch操作的时候,程序报错,报错信息如下: java.lang.IllegalStateException: The content of the adapt

解决docker删除加载失败的镜像报错

背景: 准备在vulhub复现weblogic反序列化漏洞时报错,环境加载失败准备删除weblogic镜像时报错: unable to delete 7d35c6cd3bcd (must be forced) - image is being used by stopped container f6b1cc729530 root@zhaizewen:/vulhub/weblogic/CVE-2017-10271# docker rmi 7d35c6cd3bcd Error response fr

LoadXml 加载XML时，报错：“根级别上的数据无效。行1，位置1“

==XML=================================== <?xml version="1.0" encoding="utf-8"?><ReportMetadata> <BirthDay>1981/12/10 0:00:00</BirthDay> <Gender>1</Gender> <Phone>13363635787</Phone> <A

openlayers之天地图为底图叠加其他底图加载遇到的各种报错

今天以前使用天地图为底图时,map里source的定义:http://t3.tianditu.com~~~ 今天突然报跨域的错误,原有地址访问受限,可是key值是有的最后发现就是前半段的原因将前半段地址改为 http://t3.tianditu.gov.cn即可 ------------------------------- 今天又莫名的报了400的错,真是一天一个花样啊! 今天终于发现因为搬运的地图初始化方法,没有细考究如下 const kpst = { init: () => { var

css背景图片加载失败，页面部分图标无法显示

1.问题表现:首屏缺失部分图标.点击按钮切换为激活状态时,部分按钮的激活态图标无法显示. 2.问题原因:网络极差,断断续续,点击时添加class:active变为激活态, active.png这张图片是在添加active这个class才加载的, css背景图片只加载一次,不管成功还是失败都不再加载第二次了, 所以刚好网络断掉时加载了active.png失败,不刷新的话,以后就再也看不到这张图片了 3.解决办法: 方法一: 把所有图片做成spirit图,首次就可以把所有图片加载好,不会出现部分图片

webpack模块加载css文件及图片地址

webpack支持css文件加载并打包,只需安装相应加载器并在配置文件中配置 . 加载的css文件内容会与该模块里的js内容混合封装,这样做的好处是一个js文件包含了所有的css与js内容,有效减少了http请求次数,显著提高了页面响应性能的用户体验. 加载css文件时,如果css里含有图片的引用地址,编译时webpack会将图片资源处理并输出到设置的publicPath参数位置,该参数可以是以页面为基准的相对地址,也可以是以根目录为基准的绝对地址.url-laoder会在这个地址下兴建一个im

asp.net MVC发布iis无法加载css,js和图片

今天真够郁闷的,遇到了在本地能运行的项目到了iis服务器那里就不行了,无法加载css,js和图片,这里说清楚一下先,关于asp.net 的MVC中这样的情况其实不少,但是之前遇到的是在visual studio运行的时候就已经不能加载css和js文件,那种情况一般都是路径的问题,改下页面代码就行,网上教程不少,而这个其实是一个CMS的开源系统.Orchard,国庆实在无聊,就想玩下这个asp.net MVC框架的CMS,而且是微软推荐的开源CMS,提到了就来说说这个吧,和国内的其他CMS对比起来

网站加载css/js/img等静态文件失败

网站加载css/js/img等静态文件失败,报网站http服务器内部500错误.而服务器中静态文件存在且权限正常. 从浏览器中直接访问文件,出来乱码.这种问题原因在于iis中该网站mime配置报错,不识别文件类型.可去iis中处理mime配置问题,一般是配置重复性问题. 例如,对单个网站配置mime,增加了apk文件类型,则会在该网站的config文件中增加一句apk mime相关的代码(具体代码记不清了),以后若iis再整体配置mime apk时,则此网站会报mime重复配置错误,网站中的cs

【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地,这样a:hover时IE6就不会再重新向服务器请求加载背景图片了. XML/HTML代码 <!–[if IE 6]> <script type=”text/javascript”> docume

【转】链接伪类（:hover）CSS背景图片有闪动BUG

来源:http://www.css88.com/archives/744 ------------------------------------------------------------------------------------------------- IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath)} 常用的解决方案: 在页面

webpack加载css文件及其配置

webpack加载css文件及其配置当我们写了几个css文件之后如果想要引用到html中去的话我们最开始的方式就是通过link标签将css文件导入进去,但是如果我们的css文件有很多的话,一个个的导入是不推荐的:而现在我们学了webpack,我们希望的是通过打包bundle.js文件,将所有的依赖文件全部导入进去. 我们要知道的是,如果在入口函数main.js文件中如果没有导入css文件,那么打包的bundle.js文件必然不会有css文件,所有我们需要让main.js文件依赖css文件. 使

ruby -- 进阶学习（十一）配置解决production环境下无法加载css或js

最近配置production环境,找了好几份文档,从傻逼到苦逼~~终于配置成功~~@_@!!! 首先,先加载以下几个插件: # Use Uglifier as compressor for JavaScript assets gem 'uglifier', '>= 1.3.0' # Use CoffeeScript for .js.coffee assets and views gem 'coffee-rails', '~> 4.0.0'# Use jquery as the JavaScri

动态加载css方法实现和深入解析

一.方法引用来源和应用此动态加载css方法 loadCss,剥离自Sea.js,并做了进一步的优化(优化代码后续会进行分析). 因为公司项目需要用到懒加载来提高网站加载速度,所以将非首屏渲染必需的css文件进行动态加载操作. 二.优化后的完整代码 /* * @function 动态加载css文件 * @param {string} options.url -- css资源路径 * @param {function} options.callback -- 加载后回调函数 * @param

Webpack 2 视频教程 011 - Webpack2 中加载 CSS 的相关配置与实战

原文发表于我的技术博客这是我免费发布的高质量超清「Webpack 2 视频教程」. Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲解的. 这个基本就是目前国内最好的 Webpack 2.0 最好的学习视频了,希望可以对新手或者复习相关知识的朋友有用. 原文发表于我的技术博客 Webpack 是当下最热门的前端资源模块化管理和打包工具.它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源.还可以将按需加载的模块进

Django的urls.py加载静态资源图片，TypeError: view must be a callable or a list/tuple in the case of include().

Django的urls.py加载静态资源图片,TypeError: view must be a callable or a list/tuple in the case of include(). 想直接显示图片,加个静态的地址,查了许多网上资料.写进去后报错:TypeError: view must be a callable or a list/tuple in the case of include(). 就是下面这段代码 url(r'^images/(?P<path>.*)$', s

vue加载css背景图片报错

热门专题