当前位置:   article > 正文

【TypeScript】在ts文件中导入其它模块,报错:Unknown file extension “.ts“ for XXX.ts_unknown file extension ".ts

unknown file extension ".ts

如果在A.ts中使用export导出了一个变量,然后在B.ts中使用import导入,通过ts-node运行,则会报错:

Cannot use import statement outside a module
  • 1

这是因为exportimport是ESM模块的导出导入语法,而ts项目初始化后默认的是CommonJS的导入导出语法,所以需要在根目录下的package.json中添加"type": "module",可解决此问题。"type": "module" 是用于指定项目中使用 ECMAScript 模块(ESM)的声明。

{
  "dependencies": {
    "ts-node": "^10.9.1",
    "typescript": "^5.2.2"
  },
  "type": "module"
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

但是,再次尝试运行该文件,出现了另一个错误:

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension “.ts” for xxx.ts

在这里插入图片描述
错误描述为位置的文件扩展名。
这其实也跟ESM模块有关,需要在执行ts-node命令时,加上–esm的选项。即:
ts-node --esm main.ts
执行该命令,又又出现另一个错误:

An import path can only end with a ‘.ts’ extension when ‘allowImportingTsExtensions’ is enabled.

这个错误提示很明显了,直接去tsconfig.json里,加上 "allowImportingTsExtensions": true, 即可。
重新执行命令,成功输出结果。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/69078
推荐阅读
相关标签
  

闽ICP备14008679号