'x' is not a function when passing parameters in Kotlin Javascript

Question

I keep getting this error: TypeError: Scraper.dumpTitle is not a function

And I can't figure out why...

Index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Kotlin JS Demo</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<script src="out/production/lib/kotlin.js"></script>
<script src="out/production/Scraper.js"></script>
    <!--<script>-->
        <!--function loaded() {-->
        <!--}-->
    <!--</script>-->

    <script>
        $(function() {
            Scraper.dumpTitle(document)
        })

    </script>

</body>
</html>

Main.js

import kotlin.browser.document

/**
 *  *
 *  * -
 */
fun main(args: Array<String>) {
    println("Hello")
}

fun dumpTitle(doc: dynamic) {
    println(doc.title)
}
fun dumpTitle1() {
    println(document.title)
}

generated js

if (typeof kotlin === 'undefined') {
  throw new Error("Error loading module 'Scraper'. Its dependency 'kotlin' was not found. Please, check whether 'kotlin' is loaded prior to 'Scraper'.");
}
var Scraper = function (_, Kotlin) {
  'use strict';
  var println = Kotlin.kotlin.io.println_s8jyv4$;
  function main(args) {
    println('Hello');
  }
  function dumpTitle(doc) {
    println(doc.title);
  }
  function dumpTitle1() {
    println(document.title);
  }
  _.main_kand9s$ = main;
  _.dumpTitle_za3rmp$ = dumpTitle;
  _.dumpTitle1 = dumpTitle1;
  Kotlin.defineModule('Scraper', _);
  main([]);
  return _;
}(typeof Scraper === 'undefined' ? {} : Scraper, kotlin);

notes

calling dumpTitle1() works fine.. so the problem I have is only with passing parameters
no need to point out that I can access the document variable in Kotlin without needing to pass it, I know... but I wanted to pass another document object to use

yole · Accepted Answer · 2017-06-21 16:58:02Z

3

If you're calling a Kotlin function from JavaScript, you need to use the @JsName annotation to give it a stable name. See here for documentation.

@JsName("dumpTitle")
fun dumpTitle(doc: dynamic) {
    println(doc.title)
}

answered Jun 21, 2017 at 16:58

yole

98k21 gold badges279 silver badges205 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ycomp Over a year ago

Ok thanks I'll try that, I skimmed over that part of the documentation because I thought it was for overloaded functions only. Now I know better

ycomp Over a year ago

Oh, BTW. .should it be dynamic or type Document?

Collectives™ on Stack Overflow

'x' is not a function when passing parameters in Kotlin Javascript

Index.html

Main.js

generated js

notes

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Index.html

Main.js

generated js

notes

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related