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

Question

我已将 GWT SDK 版本安装为 2.8.1。我可以使用 Jersy 在 GWT 中运行该应用程序。但是，当我尝试在 GWT 开发模式（超级）下运行应用程序时，会生成类似 http://127.0.0.1:9876 的 URL。当我将此 URL 放在浏览器中时，不会加载预期的 UI 页面。我得到这样的页面，

当我点击 Dev Mode On 按钮时，我得到了这个页面。

即使我点击了模块名称（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 应用程序并托管在网络服务器中。 然后使用浏览器导航到此网络服务器。最后按 DevModeOn 小书签切换到 superdevmode。

1. 将小书签（开发模式开/关）拖动到您的书签栏
2. 将您的 gwtsample 项目编译成一个战争
3. 将战争部署到像 tomcat 或 jetty 这样的网络服务器中
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 主机页面和 web 应用程序提供服务（Tomcat、Jetty、Wildfly、Apache+PHP、Rails，任您选择）。

然后，启动 GWT 的 CodeServer 并使用 -launcherDir 指向您的 webapp 所在的位置。它将创建一个特定于 SuperDevMode 的 *.nocache.js，可能会覆盖您的生产版本。

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

如果您可以使用简单的 servlet 容器，那么 DevMode（而不是 CodeServer）将自动完成上述所有设置：使用 -war 而不是 -launcherDir。

从 2.7 开始，您不需要打开 CodeServer URL（默认在端口 9876 上）或使用任何最新 GWT 版本的小书签。