首发于 面试题
使用ts-node运行ts脚本及踩坑

使用ts-node运行ts脚本及踩坑

应用场景

在代码日常中,经常会需要写各种脚本,今天使用ts写了个脚本,运行的时候各种报错,还是决定写下来。

运行ts脚本需要一个库 ts-node ,这个库不能全局安装,否则会报错。

yarn add -D ts-node
npm i ts-node -D

使用

安装好后开始添加配置项:

  • ts.config.json 中添加配置 "mudoule": esnext es2005
  • package.json 中添加配置 "type":"modules"
  • 在文件中的 import 语句中 「包含文件扩展名」 ,如 import data from './data' 改为 import data from './data.js' ,另外 .ts 后缀也要改为 .js

然后就可以使用命令行命令运行ts脚本。

node --loader ts-node/esm ./my-script.ts

报错

在这个过程中报错不少,在网上各种论坛跑来跑去,终于解决了问题。

SyntaxError: Cannot use import statement outside a module

无法在模块外使用import,解决这个问题需要在 package.json 文件中添加 "type":"modules"

Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'C:\Users\1\Desktop\my-project\data' imported from 'C:\Users\1\Desktop\get-data.ts'

找不到导入的模块,是因为没有在导入的文件中添加后缀名。

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"

我收到这条报错的时候,命令行命令使用的是 ts-node ./myscripts.ts ,改用以下命令时,问题解决。

node --loader ts-node/esm ./my-script.ts
ReferenceError: fetch is not defined

获取数据使用了 fetch 库,不是标准的Nodejs方法,需要下载 node-fetch

yarn add node-fetch

写在最后

虽然程序员有很多交流问题的社区论坛,但跑了一圈后发现还是在 github Issues 搜索问题更高速有效,其他地方很多无效甚至答非所问的回答。

编辑于 2021-03-14 23:55

文章被以下专栏收录

    面试题

    大前端面试题,希望每个求职程序员都有offer