Question

我已经尝试了几种替代方案，但我似乎无法让这个工作或给我任何错误或线索我做错了什么。（有几个替代方案，jquery DOM操作，同样的vanilla JS，作为测试的警报，作为测试的console.log等）删除了注释。 appBundle.js没有输出（只是一个空文件），没有错误。

index.ts

module BlankCordovaApp2 {
    "use strict";

    export module Application {
        export function initialize() {
            app(); // I've also tried moving this out of the module.
            document.addEventListener('deviceready', onDeviceReady);

        }

        // removed pause and resume for question.

    }

    window.onload = function () {
        Application.initialize();
    }
}

app.ts

import $ = require("jquery");

function app() {
    console.log('hi');
}
export default app;

tsconfig.json

{
    "compilerOptions": { 
        "noImplicitAny": false,
        "noEmitOnError": true,
        "removeComments": false,
        "sourceMap": true,
        "inlineSources": true,
        "module": "amd",
        "out": "www/scripts/appBundle.js",
        "target": "es6"
    }
}

我在ES5和ES6上面尝试了“目标”，不确定它应该是哪一个。既没有工作，也没有产生任何构建或IntelliSense错误。

注意：我可以使用类似的应用程序在常规JavaScript中进出Visual Studio。

Answer 1

import $ = require("jquery");

您正在使用模块。你需要一个模块加载器例如的WebPack。

"out": "www/scripts/appBundle.js",

如果使用模块，请不要使用out。更多：https://github.com/TypeStrong/atom-typescript/blob/master/docs/out.md

脚本没有运行。 TypeScript Cordova

1 个答案: