Question

尝试使用JsInterop通过Javascript与LibGDX项目进行通信。我正在遵循“将Java类型导出为JavaScript”示例here。它不起作用：未定义的ReferenceError'com'未定义。我的gradle没有任何错误。

我已经：

检查是否启用了generateJsInteropExports：

My GdxDefinition.gwt.xml：

<module rename-to="html">
  <inherits name='com.badlogic.gdx.backends.gdx_backends_gwt' />
  <inherits name='com.badlogic.gdx.physics.box2d.box2d-gwt' />
  <inherits name='myapp' />
  <entry-point class='com.mypackage.myapp.client.HtmlLauncher' />
  <set-configuration-property name="gdx.assetpath" value="../android/assets" />
  <set-configuration-property name='xsiframe.failIfScriptTag' value='FALSE'/>
  <set-configuration-property name='generateJsInteropExports' value='true'/>
  <set-property name="user.agent" value="safari"/>
</module>

我当时在想，入口点HtmlLauncher也应该是@JsType，但这也不起作用。

还检查了GdxDefinitionSuperdev.gwt.xml
以不同的方式在浏览器控制台中访问该类：

。

new com.mypackage.myapp.client.Test();

new Test(); // when setting namespace to global

$wnd.Test(); // JSNI syntax

我这样编译：

gradlew.bat html:dist --daemon -generateJsInteropExports=true

我的类（在html模块中，也已在核心模块中尝试过，仍然无法正常工作）如下：

package com.mypackage.myapp.client;

import jsinterop.annotations.JsPackage;
import jsinterop.annotations.JsType;

@JsType(namespace = JsPackage.GLOBAL)
public class Test {

    public String name;

    public Test(String name) {
        this.name = name;
    }


    public void sayHello() {
        return "Hello" + this.name;
    }
}

我的想法不多了。能帮我弄清楚该怎么做才能起作用。

一些可能有用的信息：

我的html.gradle中的代码：

gwt {
    gwtVersion='2.8.0' // Should match the gwt version used for building the gwt backend
   //...
    modules 'com.mypackage.myapp.GdxDefinition'
    devModules 'com.mypackage.myapp.GdxDefinitionSuperdev'
    project.webAppDirName = 'webapp'

    compiler {
        strict = true;
        disableCastChecking = true;
    }
}

import org.wisepersist.gradle.plugins.gwt.GwtSuperDev
//...
task superDev (type: GwtSuperDev) {
    dependsOn startHttpServer
    doFirst {
        gwt.modules = gwt.devModules
    }
}
//...

我的project gradle中的代码

buildscript {
//...
dependencies {
    classpath 'org.wisepersist:gwt-gradle-plugin:1.0.6'
   //...
    }
}

project(":html") {
    apply plugin: "gwt"
    apply plugin: "war"

    dependencies {
        compile project(":core")
        compile "com.badlogicgames.gdx:gdx-backend-gwt:$gdxVersion"
        compile "com.badlogicgames.gdx:gdx:$gdxVersion:sources"
        compile "com.badlogicgames.gdx:gdx-backend-gwt:$gdxVersion:sources"
        compile "com.badlogicgames.gdx:gdx-box2d:$gdxVersion:sources"
        compile "com.badlogicgames.gdx:gdx-box2d-gwt:$gdxVersion:sources"
        compile "com.google.jsinterop:jsinterop-annotations:1.0.1"
    }
}

project(":core") {
    apply plugin: "java"
    dependencies {
       //...
        compile "com.google.jsinterop:jsinterop-annotations:1.0.1"

    }
}

//...

更新1

我检查了Colin Alworth的回答以及他发布的链接。它仍然不起作用。我改变了：

html.gradle


gwt {
gwtVersion='2.8.0' // Should match the gwt version used for building the gwt backend
maxHeapSize="1G" // Default 256m is not enough for gwt compiler. GWT is HUNGRY
minHeapSize="1G"

src = files(file("src/")) // Needs to be in front of "modules" below.
modules 'com.mycompany.myapp.GdxDefinition'
devModules 'com.mycompany.myapp.GdxDefinitionSuperdev'
project.webAppDirName = 'webapp'

compiler {
    strict = true;
    disableCastChecking = true;
}

jsInteropExports {
    shouldGenerate = true
    includePatterns = ['com.mycompany.myapp.client.*']
}
}

就像说here。

我这样称呼：gradlew.bat html:dist --daemon，并从GdxDefinition文件中删除了属性generateJsInteropExports，因为它似乎是错误的。

现在出现以下编译错误：

 Task :html:compileGwt FAILED
Unknown argument: -includeJsInteropExports

那是为什么？

Answer 1

非常感谢@Colin Alworth，我发现了如何使它工作。

curl -O -z file.csv https://www.example.com/file.csv

还有

从Gdx定义文件中删除0 0,12 * * * cd download-dir && curl -O -z file.csv https://www.example.com/file.csv
在导出的类的全局名称空间中不要使用相同的名称（我知道这是愚蠢的错误）
像html.gradle gwt { gwtVersion='2.8.0' // Should match the gwt version used for building the gwt backend maxHeapSize="1G" // Default 256m is not enough for gwt compiler. GWT is HUNGRY minHeapSize="1G" src = files(file("src/")) // Needs to be in front of "modules" below. modules 'com.mycompany.myapp.GdxDefinition' devModules 'com.mycompany.myapp.GdxDefinitionSuperdev' project.webAppDirName = 'webapp' compiler { strict = true; disableCastChecking = true; } // important part: jsInteropExports { shouldGenerate = true // breaks if I use includePatterns } }一样编译调用

完美的结果：

Answer 2

   <set-configuration-property name='generateJsInteropExports' value='true'/>

这绝对不会产生那些出口

gradlew.bat html:dist --daemon -generateJsInteropExports=true

我不太了解gradle，但我只能肯定这是错误的（至少它需要一个-P前缀，但是我看不到gradle文件中使用了该属性）您分享了。）

相反，对于Super Dev Mode和生产编译任务，您都需要将其传递给gradle插件。

快速浏览一下org.wisepersist:gwt-gradle-plugin的文档，看来该任务将需要一个GwtJsInteropExportsOptions arg（从http://gwt-gradle-plugin.documentnode.io/javadoc/org/wisepersist/gradle/plugins/gwt/GwtJsInteropExportsOptions.html和http://gwt-gradle-plugin.documentnode.io/javadoc/org/wisepersist/gradle/plugins/gwt/AbstractGwtActionTask.html#setJsInteropExports-org.wisepersist.gradle.plugins.gwt.GwtJsInteropExportsOptions-开始工作），在我有限的gradle经验中，结束像

jsInteropExports {
  generate = true
}

这似乎可以放在gwt {}旁边的compiler {}块中。

这是该插件的跟踪器上的一个问题，其中讨论了如何进行此操作https://github.com/jiakuan/gwt-gradle-plugin/issues/19。

JsInterop“未定义com”

2 个答案: