Как интегрировать машинописный проект с HTML - PullRequest
0 голосов
/ 19 февраля 2019

Я хочу вызвать функцию машинописного текста из тела HTML.Однако я не могу вызвать свою функцию (D2O_main ()) из HTML, так как не до конца понимаю сгенерированный js-код.Любая помощь приветствуется.

Я сгенерировал js, используя следующую команду: tsc --module umd main.ts

Вот HTML-файл.

<head>
    <script type="text/javascript" src="main.js"></script>
</head>
<body onload="D2O_main();">
    <canvas id="canvas-001"></canvas>
</body>
</html>

Вот файл main.ts:

import {Init} from "./Core/IO/Init"
let init:Init;
function D2O_main() {
    init = new Init("canvas-001");
}

Вот сгенерированный файл main.js:

(function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define(["require", "exports", "./Core/IO/Init"], factory);
    }
})(function (require, exports) {
    "use strict";
    exports.__esModule = true;
    var Init_1 = require("./Core/IO/Init");
    var init;
    function D2O_main() {
        init = new Init_1.Init("canvas-001");
    }
});

Я получаю следующую ошибку на консоли браузера:

Uncaught ReferenceError: D2O_main не определен при загрузке

Еще раз, любая помощь очень ценится.

1 Ответ

0 голосов
/ 19 февраля 2019

Это связано с тем, что вложенные функции ограничены функциями - вам нужно переместить function D20_main за пределы IIFE, в котором он содержится, что делает его доступной для всех функций:

(function (factory) {...})(function (require, exports) {...}); 
function D20_main() {...}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...