在Angular-CLI组件中导入vss-web-extension-sdk模块

时间:2017-07-26 07:40:47

标签: typescript azure-devops angular-cli vssdk

我正在尝试创建一个基于angular / cli应用程序的VSTS / TFS扩展。 我使用 ng new 创建了一个新的应用程序,它编译并提供良好的服务。 现在,我的问题是在我的组件中引用和使用vss sdk。

我根据here提出的建议做了一些更改:

  1. 为package.json依赖项添加了“vss-web-extension-sdk”:

    “依赖项”:{     “@ angular / animations”:“^ 4.0.0”,     “@ angular / common”:“^ 4.0.0”,     “@ angular / compiler”:“^ 4.0.0”,     “@ angular / core”:“^ 4.0.0”,     “@ angular / forms”:“^ 4.0.0”,     “@ angular / http”:“^ 4.0.0”,     “@ angular / platform-b​​rowser”:“^ 4.0.0”,     “@ angular / platform-b​​rowser-dynamic”:“^ 4.0.0”,     “@ angular / router”:“^ 4.0.0”,     “core-js”:“^ 2.4.1”,     “rxjs”:“^ 5.1.0”,     “vss-web-extension-sdk”:“^ 2.117.0”,     “zone.js”:“^ 0.8.4”},

  2. 添加了以下typings.json文件:

    {
      "globalDependencies": {
      "jquery": "registry:dt/jquery#1.10.0+20160929162922",
      "knockout": "registry:dt/knockout#0.0.0+20160914182733",
      "q": "registry:dt/q#0.0.0+20161004185634",
      "require": "registry:dt/require#2.1.20+20160919185614",
      "tfs": "npm:vss-web-extension-sdk/typings/tfs.d.ts",
      "vss": "npm:vss-web-extension-sdk/typings/vss.d.ts"
      }
    }
    
  3. 导入“VSS / Context”

    从'VSS / Context'导入*作为VSS_Context;

  4. 此时应用程序构建没有错误,但是当我尝试使用导入的模块时,出现构建错误: 找不到模块:错误:无法解析'VSS / Context'

    这就是我使用导入模块的方式:

    export class AppComponent {
    
    title = 'app';
    
        constructor()
        {
            var ctx = VSS_Context.getDefaultWebContext();
        }
    }
    

    可以在https://github.com/shaycy/tfs-ng-app

    找到整个应用

0 个答案:

没有答案