Question

我正在努力学习打字稿。
我有一个ui在jquery工作。
我试图用打字稿来移动它。
但我没有成功。我试图在这个方法WholeUI（）
我收到错误。
你告诉我如何解决它。

错误

Uncaught SyntaxError: Unexpected token (
    at new Function (<anonymous>)
    at exec (typescript.js:41)
    at HTMLDocument.runScripts (typescript.js:41)

码

function WholeUI() {
        $(document).ready(function() {

            $('ul.tabs li').click(function() {
                var tab_id = $(this).attr('data-tab');

                $('ul.tabs li').removeClass('current');
                $('.tab-content').removeClass('current');

                $(this).addClass('current');
                $("#" + tab_id).addClass('current');
            })

Answer 1

似乎由于某种原因，JSFiddle无法将您的Typescript代码转换为可用的Javascript代码。特别是这部分代码（在typescript中）：

users.map(u => ({ FileName: u.login }))

被翻译成这个（javascript语法错误）：

users.map(function (u) ({ FileName: u.login }))

修改箭头功能可以摆脱错误（typescript和javascript）：

users.map(function (u)  { return ({ FileName: u.login }) })

另一个问题是你没有调用WholeUI函数。您可以看到一个有效的示例here。

Answer 2

小提琴对于编辑TypeScript代码并不是非常好，因为当语法无效时，它们不会提供特别有用的错误。

而是尝试使用像VS Code这样的编辑器 - 在任何此类编辑器中将此作为.ts文件打开会发现许多错误，包括未声明的变量（pai_to_delete）和缺少jQuery的类型定义， kendoWindow和Rx。

包括jQuery ui in typescript无法继续

2 个答案: