根据您添加的 Google Chrome 警告 ，App Cache 是已弃用的标准，即将被删除。它已从非安全上下文中移除。

您应该改用 Service Workers 来缓存资源以供离线使用。您可能必须编写自己的链接器，或者您可以使用 gwt-serviceworker-linker 。

感谢 ELEVATE，我成功从 AppCache 迁移到 ServiceWorker。但是 Openlayers 无法通过这种方式修复。因此，以下是解决问题的方法：

ServiceWorker

1. 我仍在使用 Java 8

2. 我升级到了 GWT 2.9

3. 我添加到 .gwt.xml

   <inherits name="org.realityforge.gwt.serviceworker.Linker"/>
   <inherits name="elemental2.dom.Dom"/>
   <inherits name="elemental2.promise.Promise"/>
   <inherits name="jsinterop.base.Base"/>
   

... 和

  <add-linker name="serviceworker"/>    
  <extend-configuration-property name="serviceworker_static_files" value="./"/>
  <extend-configuration-property name="serviceworker_static_files" value="../SiMaSoWeb.html"/>   

在我的 onModuleLod 开头的条目 JAVA 例程中，我添加了

import static elemental2.dom.DomGlobal.*;
import elemental2.dom.DomGlobal;

public void onModuleLoad() {
 ...
    initStatic();
 ...

后来在该模块中

public void initStatic() {
if ( null != navigator.serviceWorker )
{
  navigator.serviceWorker.register("simasoweb/"+ GWT.getModuleName() + "-sw.js" ).then( registration -> {
      console.log( "ServiceWorker registration successful with scope: " + registration.getScope() );

      // Every minute attempt to update the serviceWorker. If it does update
      // then the "controllerchange" event will fire.
      DomGlobal.setInterval( v -> registration.update(), 60000 );

      return null;
    }, error -> {
      console.log( "ServiceWorker registration failed: ", error );
      return null;
    } );

  navigator.serviceWorker.addEventListener( "controllerchange", e -> {
    // This fires when the service worker controlling this page
    // changes, eg a new worker has skipped waiting and become
    // the new active worker.
    console.log( "ServiceWorker updated ", e );
  } );
}       
}
}

我在访问 gwt - war 目录中的正确文件时遇到了问题。因此我更新了 navigator.serviceWorker.register... 命令。 谷歌内置的调试器非常有用，只需按下 CTRL+SHIFT+I。在“控制台”选项卡中，您可以找到消息 - 红色表示不好 - 解决它！

作为外部 jar 库，我必须包含

elemental2-core
elemental2-dom
elemental2-promise
base

现在是 openlayers 问题......不用说，可能有一种更优雅的方式，而且，您需要一个离线地图，我已经自己渲染并且可用（德国 150GB！）。

4. 在 HTML 文件中

请注意，我在浏览器中打开了 openlayers 和 openstreetmap .js 文件，将它们复制到一个文件中，然后将它们复制到子目录 src 中的 war 目录中。再次，浏览器调试器可以帮助查找目录问题。

     <script type="text/javascript" language="javascript" src="simasoweb/simasoweb.nocache.js"></script>
     <script src="src/OpenLayers.js"></script>
     <script src="src/OpenStreetMap.js"></script>

5. 复制困难 我下载了 gwt-openlayers 演示项目 GWT-OpenLayers-master.zip 并将 GWT-OpenLayers-master\gwt-openlayers-showcase\src\main\resources\org\gwtopenmaps\demo\openlayers\public\openlayers 中的所有文件复制到我的 ...war\src\ 目录中，我的 openlayers.js 文件就位于该目录中。

最后，我不确定 service-worker 的第 1-3 点是否真的有帮助。