加载应用程序时GWT超级开发模式问题

Question

我已将GWT SDK版本安装为2.8.1。我能够通过Jersy在GWT中运行应用程序。但是，当我尝试在GWT开发模式（超级）中运行应用程序时，URL生成如http://127.0.0.1:9876。当我在浏览器中放置这个URL时，并没有加载预期的UI页面。我越来越喜欢页面，

当我在开发模式点击按钮后，我得到这个页面。

即使我点击模块名称（gwtsample），然后我得到的页面如下图所示，

我甚至加入浏览器级别GWT扩展，并试图相同。但是，仍然没有运气。

我没有尝试使用Eclipse下载的GWT SDK，而是从外部下载了相同版本的GWT SDK并应用到项目属性> GWT>常规设置中。不过，只面临同样的问题。

我注意到一件事是，在微面项目GWT版本显示像1.0，其中最初我使用的2.8.1版本SDK的。我的项目使用Maven进行配置。

我甚至经历了在stackoverflow以及其他网站提到的多个问题和解决方案，仍然没有找到解决方案。

链接我所提到的是，

GWT Super Dev Mode

Debugging in GWT Super Dev Mode?

GWT Super Dev mode and in production

一些其他的还有

...

Answer 1

你必须编译GWT应用程序和主机一个网络服务器。 然后使用浏览器导航到此Web服务器。最后按下DevModeOn书签切换到superdevmode。

1. 拖动书签工具（开发模式开/关）您的书签栏
2. 编译你gwtsample项目拖入战争
3. 部署战成网络服务器如Tomcat或码头
4. 把你的浏览器（ Chrome的强烈建议GWT调试），然后导航至您的安装：例如http://localhost:8080/gwtsample
5. 现在你只是看到你的编译版本在浏览器中
6. 接下来打出了“开发模式的”书签。
7. 你会看到在浏览器中的消息编译正在发生
8. 现在你是在SuperDevMode
9. 改变的东西在你的代码在浏览器中
10. 按F5。现在重新编译会发生，您将看到您的更改

您可以随时点击“开启模式关闭”以关闭超级模式。现在你只会看到你的原始编译应用程序。

超：如果您使用的是Eclipse我强烈建议使用branflake插件：https://github.com/gwt-plugins/gwt-eclipse-plugin

他有如何使用它的一些伟大的视频：https://www.youtube.com/watch?v=DU7ZQVLR5Zo&list=PLBbgqtDgdc_TqzA-qXrjgTFMC_6DKAQyT

这样，你甚至不需要编译并在某些网络服务器上运行，您可以使用嵌入式Jetty网络服务器运行。

Answer 2

你需要一个HTTP服务器来为你的HTML主机页面和webapp（Tomcat，Jetty，Wildfly，Apache + PHP，Rails，选择你需要的任何东西）提供服务。

然后，启动GWT的CodeServer与-launcherDir指向您的Web应用程序居住的地方。它会为SuperDevMode创建一个* .nocache.js，可能会覆盖你的生产版本。

现在，像往常一样从Web服务器加载Web应用程序，特定的* .nocache.js将即时编译您的源代码。

如果你可以用一个简单的servlet容器住，然后DevMode的（而不是CodeServer）会自动完成上述所有设置：使用-war代替-launcherDir。

您不需要打开CodeServer URL（默认端口为9876），也可以将小书签与最新的GWT版本（从2.7开始）一起使用。