项目css加载不出来问题解决

最新推荐文章于 2023-06-10 18:24:34 发布
原创 最新推荐文章于 2023-06-10 18:24:34 发布 · 7.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #tomcat

本文探讨了如何解决JSP项目版本冲突问题，并提供了CSS加载问题的解决方案，包括更新工作空间的jar版本、新建web项目选择较高版本J2EE Specification Level等方法。同时，介绍了解决CSS相对路径问题的技巧，在server.xml中添加特定配置。
           很久以前做的一个项目开发完了放哪里一直没用，毕业设计来临之际我不想去做别的了就把它那里用了，谁知道倒进去不好使啊，但是最先的问题还不是这个而是：
org.apache.jasper.JasperException: Unable to compile class for JSP:

An error occurred at line: 23 in the generated java file
The method getJspApplicationContext(ServletContext) is undefined for the type JspFactory
       在几经转载无果的情况下邀请了一下度娘大家的说法基本一直就是工作空间的jar版本低于tomcat的jar版本如果怕麻烦解决方法就是删除Java EE librarise里面的 jsp-api.jar和jsp-serverlet-api.jar包就好了，如果怕删除了会有别的后遗症那就别删除。NEW一个web project 在选择J2EE Specification Level时候选择版本较高的一个就完美解决了版本冲突问题。
      OK！下面进入正题说说CSS加载问题出现加载不出来有两种关系主要还是看你CSS路径问题，如果你是相对路径那就是我的这个问题了解决 方法就是在server.xml中</host>前面加上一句：
<Context docBase="ProjectName" path="" reloadable="true" debug="0"/>其中ProjectName写成你的项目名字就可以了
SpringBoot 页面跳转后css和js效果都无效了
z2431435的博客
04-04 1845
发现前端路径是"xxxx/xxxx.css",都改成"/xxxx/xxxx.css"或"~/xxxx/xxxx.css"就没问题了。 复习一下路径知识： / /代表根目录 ~/ ~/ 代表根目录，同~/ ./ ./ 当前目录 …/ ../表示文件所在目录的上级目录 1、加"/“代表 根目录下的绝对路径,是从站点的根目录开始找 2、不加”/"代表 当前目录下的相对路径,是从当前路径开始找 我之前没加/时从站点找，但站点没有支持，当然是没有格式的没有效果的。加了以后绝对路径从根目录找到资源并加载。
测试报告--ExtentReport的使用及解决CSS样式加载不出来的问题
Tetsuya
12-05 1012
ExtentRport的配置使用 ExtentReport用于生成测试报告，外观炫酷，并且涵盖信息非常全面。 extentReport官网：http://extentreports.com/ 一、配置依赖 首先在pom文件配置extentReport依赖 <dependencies> <dependency> <groupId>com.relevantcodes</groupId> <art
网站部署到服务器后 CSS 文件加载成功，但是没有生效
皮蛋很白的博客
05-09 2817
刚解决了一个问题，前端代码发布到服务器后，样式没有生效。 开始以为 nginx 配置的静态资源路径有问题，通过 network 发现 css 文件确实请求成功。 然后怀疑代码有问题，查看 css 文件中其中一个 dom 节点的样式，确实能匹配上（data-xxx 一致），将样式拷贝后通过 elements 看板手动添加上，样式也生效了。 文件下载成功，内容没问题，但就是没有生效，好像浏览器并没有据此构建 CSSOM（这一点也许可以通过性能调试工具查看），如此神奇的事情之前没有遇到过。 后来发现原来是 ngi
ERROR in ./src/main.ts Module not found: Error: Can‘t resolve ‘xxx‘
weixin_46547740的博客
03-13 8561
ERROR in ./src/main.ts Module not found: Error: Can’t resolve ‘xxx’ 找不到.ts模块 需要在webpack.config.js内进行配置即可 resolve: { //文件扩展名需要添加ts extensions: ['.ts', '.js'], }, 定义后对外暴露 引入并应用 ...
css文件能加载但是没有生效
彭世瑜的博客
09-18 8943
使用nginx+django部署项目的时候，为了提高加载速度，我将css，js，image等静态资源在nginx中配置了路径 本地测试没有问题，代码提交线上就出问题了，出现了这么个情况： css文件能加载但是没有生效 经过查找资料，大概从以下两个方面入手检查： 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器console，出现这么一句话 Resource...
【已解决】CSS样式浏览器加载不成功问题
Andone_hsx的博客
02-25 9329
做项目的时候，自定义的css一直显示不出来 后台css已经加载了，并且保存了，刷新了一遍，甚至把项目clean了重新发布，发现还是没用。 效果图： 当前用户 的样式加载没有成功   进入浏览器，F12，打开浏览器的控制台发现自定义.login_user样式是空的，更改了样式可是实际没有更新。 解决办法：进入无痕浏览模式（谷歌浏览器快捷键是Ctrl+shift+n）然后重新进...
关于laydate.js加载laydate.css路径错误问题解决
11-29
在本文中，我们将探讨一个关于JavaScript日期控件laydate.js在特定项目环境中遇到的问题，以及如何解决laydate.css路径加载错误。laydate.js是一款广泛应用于前端开发中的日期选择器插件，它支持包括IE6在内的多种...
解决vuejs项目里css引用背景图片不能显示的问题
10-18
这里需要修改的是CSS加载器（loaders）中的`publicPath`设置，以便正确指向图片的根目录。在`build->utils.js`里，你可以看到如下代码： ```javascript if (options.extract) { return ExtractTextPlugin....
Tomcat无法加载css和js等静态资源文件的解决思路
09-15
综上所述，解决Tomcat无法加载CSS和JS等静态资源的问题，需要从服务器配置、应用部署、路径设置、安全策略、缓存管理和文件权限等多个角度进行排查。通过逐个检查和修复这些潜在问题，一般都能成功解决静态资源加载...
解决Vue打包上线之后部分CSS不生效的问题
12-13
为了解决这个问题，我们可以在`utils.js`中调整CSS加载器的配置。在`css-loader`的选项中，增加`minimize: true`这一项。这意味着我们将启用CSS的最小化（即压缩），这是一个常见的生产环境配置，可以减少文件大小，...
css文件不能被正常载入的问题解决方法
09-25
问题说明：昨天在制作网页的过程中，刚才还好好的网页，突然就“裸奔”了，开始以为是什么代码把css给屏蔽掉了，找了半天，也没找出来毛病，在网上狂找解决方案，网上的答案多少都有错误，弄了半天，终于整明白了。
为什么css文件是.main,到这一步，加载不上main.css文件，提示以下错误是怎么回事？...
weixin_32365483的博客
08-03 558
The argument 'file' cannot be empty. Received ''events.js:186throw er; // Unhandled 'error' event^Error: listen EADDRINUSE: address already in use :::8080at Server.setupListenHandle [as _listen2] (net...
浏览器可以加载到CSS文件，但样式失效
qq_31956835的博客
09-03 1544
F12下可以看到CSS文件有被正确加载进来，但是样式没有生效，清缓存也没用。后来看到这个报错，发现css样式文件被当作text/xml来处理了。 检查后台文件，发现有一个过滤器里 有这样的设置，而且这个过滤器是针对所有路径的，后来把这个过滤器去掉，再清了一下缓存，样式就能正确显示出来。 更奇怪的是我重新把这个过滤器加回去，这时候无论怎么清缓存，样式都能正常显示，浏览器不再把CSS文件当作XM...
vue-cli 中 css样式无法加载时
zhoulib__的博客
11-19 3367
如果像是这样的错误 给在build文件下的webpack.base.conf.js中加上下面的代码即可 { test: /\.css$/, include: [ /src/,//表示在src目录下的css需要编译 '/node_modules/element-ui/lib/' //增加此项 ], loader: 'style-loader!css-loader' }...
nginx 负载代理 不能正常 加载 CSS ，JSP等 问题 解决方法
weixin_34292287的博客
10-26 1570
apache 搭载的 论坛，用 nginx 负载均衡，结果 返回的网页 不能加在图片 ， 没有 样式。 用 浏览器 F12 追踪 发现 ， 不能 加载 css 样式 。在网上 找了 好多 方法 。说是 修改正则 解决 问题。 对于我来说 根本 没有作用。。 错误示例 如下：upstreamdr13am{ server172.25.28.26...
项目中，如果你的css文件加载不出来，报红，那可能是这个地方出现了问题
qq_29419791的博客
06-01 2341
这是修改前的代码，浏览器打开后台根本加载不出来css文件。 首先，我们的项目代码是没问题的，能够成功启动。那肯定就是我们的css文件读取不到了，那我们怎么办呢？修改路径！ 改完之后打开浏览器，问题解决，浏览器控制台也成功加载出css文件。 ...
Vue项目在index.html中引入css文件不生效
Ltp_Ltp的博客
04-19 3656
1、浏览器报错信息 Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/static/css/bootstrap.css". 2、正常引入css文件 在config目录下的 index.js 里面说明了index.html需要引用的静态资...
Electron的 Unable to load preload script 报错解决方案
weixin_46684929的博客
06-10 7532
运行 quasar 项目时，控制台出现 "Unable to load preload script" 的错误提示，但是程序运行没有丝毫问题，因为在 Electron 22.0.0 版本当中，sandbox 成为了默认选项，在开启了沙盒环境的情况下，preload 脚本默认被禁用（但实际体验还是能用？目录下文件被预加载，再使得这个文件指向的脚本 src-electron/electron-preload.js 被加载，所以推测在预加载的某个过程出现问题
css加载失败原因
javaSamBlog
01-18 397
1.css语法错误 2.css文件编码与相关文件编码不统一 3.网速，iis不够多，空间速度慢  
禅道使用后项目css加载不出来
最新发布
08-21
禅道项目中CSS文件加载失败通常与Web服务器的配置有关，尤其是在使用Nginx作为反向代理时，可能出现静态资源路径配置不正确的情况。解决这一问题的关键在于确保Nginx正确地将静态资源请求代理到后端服务器，并正确设置HTTP头信息。 ### 配置Nginx以正确加载CSS文件 在Nginx配置中，需要确保CSS文件等静态资源能够被正确地代理到后端服务器。以下是一个优化后的Nginx配置示例，用于解决CSS文件加载失败的问题： ```nginx location ~ \.css$ { proxy_pass http://backend_server; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } ``` 此配置专门针对`.css`文件进行代理设置，确保这些静态资源请求被正确转发[^4]。 ### 检查禅道的URL路径配置 此外，还需要检查禅道的URL路径配置是否与Nginx的代理设置相匹配。如果禅道部署在子路径下，例如`/zentao`，则Nginx的配置也应反映这一点： ```nginx location /zentao { proxy_pass http://backend_server/zentao; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; } ``` 此配置确保了所有对`/zentao`路径下的请求都被正确代理到后端服务器的相同路径下，从而避免了CSS文件加载失败的问题[^4]。 ### 验证并调整MIME类型设置 Nginx默认已经包含了大多数静态文件类型的MIME类型定义，但有时可能需要手动添加或调整。确保Nginx配置中包含以下内容以正确识别CSS文件： ```nginx types { text/css css; } ``` ### 清除浏览器缓存 有时浏览器缓存可能导致静态资源加载失败。尝试清除浏览器缓存或使用无痕模式访问禅道页面，以排除缓存问题的影响。 ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值