如何在使用TypeScript的Visual Studio 2015中使用angular2?

时间:2015-11-28 00:33:46

标签: typescript visual-studio-2015 angular

操作系统:Windows 10 Pro
IDE:Visual Studio 2015社区

所以我一直在尝试快速启动'演示(https://angular.io/guide/quickstart)在VS 2015上工作,没有成功。

我有一个package.json文件'包含'在我的项目中:

{
  "name": "TypeScriptHTMLApp2",
  "version": "1.0.0",
  "description": "",
  "main": "app.ts",
  "dependencies": {
    "angular2": "2.0.0-alpha.46",
    "systemjs": "0.19.6"
  }
}

并排除' ' node_modules'文件夹,因为包含它时会生成许多重复的错误消息。

但我收到错误TS2307'无法找到模块' angular2 / angular2'在以下行:

import {Component, bootstrap} from "angular2/angular2";

如何解决此问题以使此演示工作?

非常感谢提前

1 个答案:

答案 0 :(得分:0)

您必须卸载项目文件并添加以下行

 <PropertyGroup Condition="'$(Configuration)' == 'Debug'">
    <TypeScriptRemoveComments>false</TypeScriptRemoveComments>
    <TypeScriptSourceMap>true</TypeScriptSourceMap>
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>None</TypeScriptJSXEmit>
    <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled>
    <TypeScriptNoImplicitAny>False</TypeScriptNoImplicitAny>
    <TypeScriptModuleKind>System</TypeScriptModuleKind>
    <TypeScriptModuleResolution>node</TypeScriptModuleResolution> <!-- THIS LINE -->
    <TypeScriptOutFile />
    <TypeScriptOutDir />
    <TypeScriptGeneratesDeclarations>False</TypeScriptGeneratesDeclarations>
    <TypeScriptExperimentalDecorators>true</TypeScriptExperimentalDecorators>
    <TypeScriptNoEmitOnError>True</TypeScriptNoEmitOnError>
    <TypeScriptMapRoot />
    <TypeScriptSourceRoot />
  </PropertyGroup>