欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序

发布时间:2025/4/14 编程问答 47 豆豆
生活随笔 收集整理的这篇文章主要介绍了 NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言。
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。


JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

下面来安装TypeScript;

 

先安装nodejs;nodejs集成有npm;先检查 npm 版本;命令如下;

敲入命令后出错;错误是 Invalid package.json;并有一个对应日志;

打开日志看一下;

    ......

    8 verbose argv "c:\\Program Files\\nodejs\\node.exe" "c:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "v"
    9 verbose node v12.14.1
    10 verbose npm  v6.13.4
    11 error Invalid package.json
    12 verbose exit [ 1, true ]

根据资料,此错误在package.json添加一句

      "private": true,

可以解决;

该文件位于如下位置;

添加以后如下;

然后再检查版本;好了; 

执行如下命令安装 typescript;安装过程:

出现下图错误;

根据资料;清空  C:\Users\Administrator\AppData\Roaming\npm-cache  目录下的所有内容,再安装;

安装完成如下;

运行tsc -v检查typescript版本;

新建一个typescript文件,后缀为ts;代码;

var message:string = "Hello World, my first typescript, DDD!!!!!" console.log(message)

执行 tsc hello.ts,把hello.ts转换为hello.js;然后使用node来运行转换来的hello.js;

整个过程和结果如下; 

 

总结

以上是生活随笔为你收集整理的NPM 安装 TypeScript 和 npm 的 Invalid package.json 错误以及运行第一个typescript程序的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。