Type Script在Visual Studio 2013中的问题汇总(持续更新…)

摘要:
TypeScript在vs2012下的问题TypeScript对VS2012支持度比较低,建议升级为VS2013版本以上。在VS2013中无法创建TypeScript项目VS2013默认不支持TypeScript。=''"˃$$--˃tsc.exetrue详见:BadpathwheninstallingTypeScript1.4forVisualStudio2013#3493如何调整TypeScript的编译目标版本解决方法:VS------选择相应的ECMA版本即可将编译目标改为ECMAScript6出现“...lib.es6.d.ts未找到”的错误解决方法:1、去这里下载最新版定义文件,地址:https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts2、下载后粘贴到C:programfilesMicrosoftSDKsTypeScript1.4文件夹内即可详见:howtouselib.es6.d.ts?
TypeScript在vs2012下的问题

TypeScript对VS2012支持度比较低,建议升级为VS2013版本以上。

在VS2013中无法创建TypeScript项目

VS2013默认不支持TypeScript。

需要在【工具】-【扩展和更新】中安装TypeScript,目前为止for VS2013的最新版TS为1.5版本,但是实测有一些问题,建议安装比较稳定的1.4版本

image

编译提示“TypeScript1.41.4 sc.exe 无效”的问题

解决方法:

1、进入目录 C:Program Files (x86)MSBuildMicrosoftVisualStudiov12.0TypeScript

2、将Microsoft.TypeScript.targets 文件复制到其他路径,打开编辑

3、将第三个TscToolPath这行屏蔽掉,保存,复制回原路径,覆盖即可(或需管理员权限)。

<PropertyGroup>
     <TypeScriptToolsVersion Condition="'$(TypeScriptToolsVersion)'==''">1.4</TypeScriptToolsVersion>
     <TscToolPath Condition="'$(TscToolPath)' == ''">$(MSBuildProgramFiles32)Microsoft SDKsTypeScript</TscToolPath>
     <TscToolPath Condition="'$(TypeScriptToolsVersion)' != ''">$(TscToolPath)</TscToolPath>
     <!--<TscToolPath Condition="'$(TypeScriptToolsVersion)' != ''">$(TscToolPath)$(TypeScriptToolsVersion)</TscToolPath>-->
     <TscToolExe Condition="'$(TscToolExe)' == ''">tsc.exe</TscToolExe>
     <TscYieldDuringToolExecution Condition="'$(TscYieldDuringToolExecution)' == ''">true</TscYieldDuringToolExecution>
   </PropertyGroup>

详见:Bad path when installing TypeScript 1.4 for Visual Studio 2013 #3493

如何调整TypeScript的编译目标版本

解决方法:

VS-【项目】-【属性】-【TypeScript生成】-【General】-【ECMAScript version】-选择相应的ECMA版本即可(目前仅支持-3,-5,-6)

image

将编译目标改为ECMAScript 6出现“...lib.es6.d.ts 未找到”的错误

解决方法:

1、去这里下载最新版定义文件,地址:https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts

2、下载后粘贴到C:program files(x86)Microsoft SDKsTypeScript1.4 文件夹内即可(或需要管理员权限)

详见:how to use lib.es6.d.ts?I try to use some method of es6?but it just go error! #1582

无法使用TypeScript 1.4的新特性(如联合类型,type关键字等)

image

解决方法:

1、卸载所有其他版本的TypeScript。重新安装要使用的版本(我这里使用的1.4稳定版)

2、进入cmd命令行,执行tsc -v 查看结果是否为当前安装的版本号

image

3、如果不是当前安装的版本,则重启计算机再次查看版本

4、如果依然不是当前版本则在cmd执行set %PATH% 查看当前系统的环境变量,是否有包含其他TypeScript版本的路径,如果有则修改环境变量

5、修改环境变量方法:【计算机】-【右键属性】-【高级系统设置】-【高级】-【环境变量...】-【系统变量】-【PATH】-【编辑】修改保存即可,或可能重启生效

6、若已经为当前安装版本且VS安装了ReSharper插件的情况下。

7、VS-【ReSharper】-【Option】-【Code Inspection】-【Settings】-【File masks to skip】-【Add】-输入*.ts -保存

image

8、TypeScript1.4的新特性均可正常使用。

image

9、造成上述原因为ReSharper9目前最高仅支持TypeScript1.3语法,遂只能暂时屏蔽掉ReSharper提供的只能感知功能。

image

10、若仍然无法使用,或是并没有安装ReSharper插件的话,请留言

详见:Typescript 1.4: Wrong syntax highlighting in Visual Studio

安装了最新版TS依然无法使用新版特性的问题

这个问题的表现与上面这个问题完全一致,但是导致问题的原因是 目前已知的微软TS安装包的BUG,即卸载后没有卸载干净,导致后续所有新版都安装不了。

可以通过以下途径来检测是否有此问题:

1、是否曾经安装过其他版本的TypeScript for VS?

如果到目前为止你只安装过一次ts,那么无此问题

2、是否卸载了低版本的TS?

如果没有,那么请卸载所有低版本TS,只保留你安装的最高版本TS。

3、进入【控制面板】-【程序和功能】查看确保目前只保留了(安装了)一个TS

image

4、进入cmd命令行,执行 tsc -v查看结果是否为当前安装的版本号

image

5、如果显示的版本号和你控制面板里显示的版本号不符,

如我这里安装的1.4显示的版本号却是1.0.3,则说明我之前安装TS1.0没卸载干净

6、进入【计算机】-【右键属性】-【高级系统设置】-【高级】-【环境变量...】-【系统变量】-【PATH】-【编辑】

复制所有,粘贴到记事本中:

image

可以看到有两个TS环境变量路径,前一个就是微软没有卸载干净的环境变量,如果你问为什么只向旧版本的TS编译器也能运行呢?那我只能遗憾的告诉你,其实旧版本的TS所有文件都没有被卸载。

旧版本的文件,编译器都还在C盘里躺着呢,所以会发生能用但是无法使用新版特性的问题。

7、删除掉旧版的环境变量,只保留你安装的那个版本的路径即可,全选粘贴回系统环境变量设置

image

8、重启CMD,重新执行tsc --v命令,查看版本

image

当前编译器已经是我所安装的版本了。

再回到VS内,打开TS项目,那些新版特性的语法不再报错,也可以正常编译了。

VS2013+TS1.7 版本其他文件有错误时当前ts文件无法编译

项目中包含的其他ts文件报错,而导致当前没有错误的ts文件也无法编译。

解决方案:【VS】-【调试】-【项目属性】-【TypeScript生成】-【Output】-去掉勾选最后一个选项

Type Script在Visual Studio 2013中的问题汇总(持续更新…)第13张

Type Script在Visual Studio 2013中的问题汇总(持续更新…)第14张

去除勾选【当有任何错误时不编译生成】的选项即可。

欢迎反馈其他问题,持续更新中......

原文地址-http://www.cnblogs.com/xxcanghai/p/4978754.html

免责声明:文章转载自《Type Script在Visual Studio 2013中的问题汇总(持续更新…)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇开源ckplayer 网页播放器去logo去广告去水印修改使用pc控制GOPRO6拍照下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS3(七) 前端预处理技术(Less、Sass、CoffeeScript)

目录 一、Less 1.1、概要 1.2、变量 1.3、解析Less 1.3.1、在线处理 1.3.2、预处理 1.4、混入(Mixins) 1.5、嵌套    1.6、运算 1.7、函数 1.8、继承     1.9、作用域 1.10、注释 二、Sass 2.1、变量 2.2、嵌套 2.3、导入 2.4、mixin 混入 2.5、扩展/继承...

了不起的 tsconfig.json 指南

在 TypeScript 开发中,tsconfig.json 是个不可或缺的配置文件,它是我们在 TS 项目中最常见的配置文件,那么你真的了解这个文件吗?它里面都有哪些优秀配置?如何配置一个合理的 tsconfig.json 文件?本文将全面带大家一起详细了解 tsconfig.json 的各项配置。本文将从以下几个方面全面介绍 tsconfig.json...

原有vue项目接入typescript

原有vue项目接入typescript 为什么要接入typescript javascript由于自身的弱类型,使用起来非常灵活。 这也就为大型项目、多人协作开发埋下了很多隐患。如果是自己的私有业务倒无所谓,主要是对外接口和公共方法,对接起来非常头疼。主要表现在几方面: 参数类型没有校验,怎么传都有,有时会出现一些由于类型转换带来的未知问题。 接口文档不...

Typescript 解构赋值

// js 代码 let obj = {name:'Young', age: 10} let {name, age} = obj // name = 'Young', age = 10 // ts 代码 let obj:any = {name:'Young', age: 10} let {name, age}:{name:string, age: nu...

Vue2.x+Element-UI+TypeScript2.x + ThreeJS + PaperJS + EChart3.x+ArcGIS 集成例子笔记

项目Git地址:https://github.com/linqingwudiv1/VueTypeScriptArcGISTemplate TypeScript完美解决JS/ES的常见弊端。用TS来实现一些:如单例/代理工厂,命令模式等传统的设计模式还不是美滋滋。 更新:3.0的vue-cli已经集成了TS选项..Vue-Cli Doc: https://c...

如何在TypeScript中使用JS类库

使用流程 1.首先要清除类库是什么类型,不同的类库有不同的使用方式 2.寻找声明文件 JS类库一般有三类:全局类库、模块类库、UMD库。例如,jQuery是一种UMD库,既可以通过全局方式来引用,也可以模块化引用。 声明文件 当我们要使用一个类库时,需要ts声明文件,对外暴露API,有时候声明文件在源码中,大部分是单独提供额外安装。比如jQuery需要额外...