如何修改GWTBootstrap3默认主题？修改无效果问题排查

看起来你在资源路径配置和文件放置位置上踩了几个常见的坑，我来一步步帮你排查和修正：

1. 「resource」文件夹的正确位置 #

你把resource放在WAR/nameofmyapp里是不对的——GWT不会自动识别WAR目录下手动添加的资源（而且编译时可能会被覆盖）。正确的位置是和你的GWT模块文件（.gwt.xml）同层级的资源目录：

• 假设你的模块文件路径是src/main/java/com/yourcompany/yourapp/YourApp.gwt.xml
• 那么你需要在src/main/resources/com/yourcompany/yourapp/下创建resource文件夹
• 接着在resource里建css子文件夹，把theme.css放进去

这样GWT编译时会自动把这个resource目录下的资源复制到WAR的对应模块目录中。

2. 修正.gwt.xml的配置问题 #

你的现有配置有潜在的路径匹配问题，调整后应该是这样：

<!-- 声明公共资源目录：路径相对于模块文件所在位置 -->
<public path='resource'>
  <include name='css/*.css'/>
</public>

<!-- 引入样式表：路径是编译后WAR中资源的相对路径（相对于你的HTML入口页面） -->
<stylesheet src='css/theme.css'/>

需要注意：

• 确保public path='resource'的路径和你实际创建的文件夹位置完全匹配（比如如果resource和模块xml在同一目录下，这个路径是正确的）
• 如果你的HTML页面不在模块根目录下，可能需要调整stylesheet的src路径（比如改为nameofmyapp/css/theme.css）

3. 确保样式能覆盖默认主题 #

即使路径正确，样式也可能因为优先级不足不生效：

• 检查theme.css里的选择器是否比GWTBootstrap3的默认选择器更具体（比如用.navbar-default .navbar-nav>li>a而不是仅仅a）
• 可以临时添加!important测试（比如background-color: #ff0000 !important;），确认样式是否能成功加载
• 打开浏览器开发者工具（F12），查看「网络」标签，确认theme.css是否返回200状态码（如果出现404，说明路径还是配置错误）

4. 必要的清理和重新编译 #

不要忘了做这两步：

• 清理GWT的编译缓存（通常是war/yourmodule目录下的旧编译文件）
• 重新运行GWT编译或开发模式，确保新的资源被正确复制到WAR中

内容的提问来源于stack exchange，提问作者JamieITGirl