2017-09-06 124 views
0

我已將GWT SDK版本安裝爲2.8.1。我能夠通過Jersy在GWT中運行應用程序。但是,當我嘗試在GWT開發模式(超級)中運行應用程序時,URL生成如http://127.0.0.1:9876。當我在瀏覽器中放置這個URL時,並沒有加載預期的UI頁面。我越來越喜歡頁面,加載應用程序時GWT超級開發模式問題

enter image description here

當我在開發模式點擊按鈕後,我得到這個頁面。 enter image description here

即使我點擊模塊名稱(gwtsample),然後我得到的頁面如下圖所示, enter image description here

我甚至加入瀏覽器級別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

一些其他的還有

...

+0

你試過了嗎:http://127.0.0.1:8888/[yourApplicationName].html? –

+0

顯示此網站的網頁無法聯繫到。 – SubbaReddy

+0

您是否使用帶GWT插件的Eclipse(v3.0) –

回答

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網絡服務器運行。

+0

在點擊Dev Mode On按鈕後,我得到第二個屏幕截圖。我沒有明白如何切入網絡服務器?你能否詳細說明一下。 – SubbaReddy

+0

我更新了我的回答 – Knarf

+0

感謝您的明確信息。這將有所幫助。所以,+1。 – SubbaReddy

1

你需要一個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開始)一起使用。