Question

我刚开始使用TypEcs，我正在尝试在Typescript和AngularJS中创建一个我想在Eclipse中调试的网页。

是否可以在Eclipse中调试TypeScript和Angular页面？如果是这样，那么请你指导我正确的方向吗？

我尝试使用TypeScript Standalone选项调试单个打字稿文件，它可以正常工作。但我也想使用AngularJS。我已经创建了一个index.html文件和一个app.ts文件，我还将angular.d.ts和angular.min.js等导入到脚本文件夹中。我可以使用任何TypEcs TypeScript调试器来完成此操作吗？我试图运行它，但我在var app = angular.module得到一个错误...（ReferenceError：angular not not defined）。

我的猜测是我在索引文件中链接到的angular.min.js文件尚未加载。是因为app.ts被设置为TypeScript Standalone配置中的主文件？（我不能选择index.html）和/或我错过了一些代码/设置？

我希望你能帮助我。提前谢谢！

以下是一些示例代码：的index.html：

<html ng-app="helloworld">
<head>
    <title>Hello World!</title>
</head>

<body>
    <div class="container" ng-controller="HelloWorldCtrl">
        <input type="text" class="form-control" value="{{message}}" />
    </div>
    <script src="../scripts/angular.min.js"></script> 
    <script src="app.js"></script>
</body>
</html>

app.ts：

/// <reference path="../scripts/typings/angularjs/angular.d.ts"/>
module Sample.HelloWorld {

    export interface IHelloWorldScope extends ng.IScope {
        message: string;
    }

    export class HelloWorldCtrl {

        static $inject = ["$scope"];
        constructor(private scope: IHelloWorldScope) {
            scope.message = "Hello World";
        }
    }

    var app = angular.module("helloworld",["ui.bootstrap"]);
    app.controller("HelloWorldCtrl", HelloWorldCtrl);
}

Answer 1

正如Basarat所提到的，可以使用。来调试AngularJS和TypeScript ＆＃34; TypeScript Web Remote＆＃34;调试选项，包含在TypEcs

中

如何调试页面：

关闭所有打开的镀铬窗口。
使用命令chrome.exe --remote-debugging-port = 9222
根据＆＃34;为WebKit远程模式添加TypeScript Debug＆＃34;应用调试配置。在 TypEcs / 2.0 - New and Noteworthy
从第1点开始在Chrome窗口中打开您的起始页（index.html）。
转到调试视图
使用步骤3中的配置进行调试
出现一个对话框，您需要在其中选择包含您要调试的文件的选项卡。
现在，您可以单步执行代码并根据需要将断点添加到app.ts文件中。（如果您没有看到步骤选项，请单击主线程）

如果你收到错误＆＃34;无法获得调试标签连接超时＆＃34;关闭所有镀铬窗口并使用chrome.exe --remote-debugging-port = 9222命令重新打开镶边。

Answer 2

我尝试使用TypeScript Standalone选项调试单个打字稿文件，但它可以正常工作。但我也想使用AngularJS

步骤与独立步骤相同。您应该启用源图。

ReferenceError：未定义角度

script的{{1}}标记存在问题。检查文件系统和/或浏览器网络请求。

请参阅： webkit远程调试：https://bitbucket.org/axmor/typecs/wiki/2.0%20-%20New%20and%20Noteworthy

我可以在Eclipse中调试AngularJS和TypeScript吗？

2 个答案: