Question

我正在以托管模式在Eclipse中开发GWT应用程序。

当我在CSS中更改某些内容时，我无法在浏览器中看到它。我正在尝试使用CTRL + F5在浏览器中完全重新加载，在Eclipse中重新启动我的应用程序并且没有任何更改。

唯一有帮助的是使用maven clean install重建我的应用程序，在Eclipse中重启App然后我可以看到更改。这需要很多时间。

知道我做错了什么吗？我认为必须有更好的方法。

的问候，卢卡斯

Answer 1

问题是在开发模式下，src webapp文件夹仅在启动时复制到目标，而DevMode不会刷新它。作为一种解决方法，您可以使用copy-resources来处理即时应用更改。

    <plugin>
        <artifactId>maven-resources-plugin</artifactId>
        <version>3.0.1</version>
        <executions>
            <execution>
                <id>copy-resources</id>
                <phase>validate</phase>
                <goals>
                    <goal>copy-resources</goal>
                </goals>
                <configuration>
                    <outputDirectory>${project.build.directory}/gwt-webapp</outputDirectory>
                    <resources>
                        <resource>
                            <directory>src/main/webapp</directory>
                            <filtering>true</filtering>
                        </resource>
                    </resources>
                </configuration>
            </execution>
        </executions>
    </plugin>

Answer 2

我为我的应用程序使用外部CSS文件，并且我在Chrome和Firefox中通过简单刷新（没有清空缓存，服务器重启等）立即看到浏览器中的所有更改。

问题可能与文件的位置有关。我的文件位于/ war目录中，我直接编辑它。另一种可能性是如何在主页中引用您的文件。确保你有一个像“/myCss.css”这样的相对路径。

Answer 3

尝试将行<stylesheet src="sheet.css" />或<stylesheet src="/sheet.css" />放入project.gwt.xml文件中。

此致

涡流

Answer 4

从项目/应用程序网页查看页面源。通常，当我们右键单击页面时，这是一个选项。

点击.css文件链接，该链接如下所示：

<link type="text/css" rel="stylesheet" href="Foo.css"

在这种情况下，单击Foo.css

.css文件的内容将显示，但可能不包含您的更改。在这种情况下，请按F5或浏览器刷新按钮刷新.css文本。

如果现在出现.css更改，请返回GWT项目网页并再次刷新。

或者使用其他浏览器可以暂时显示您的新更改，但是如果也无法刷新.css文件，则必须执行上述步骤。

GWT + Eclipse - 如何刷新CSS等静态资源

4 个答案: