当前位置: 首页 > news >正文

ts-node 报错 ERR_UNKNOWN_FILE_EXTENSION

问题

  有个monorepo项目,在最外层一次性打包 3 个项目的脚本已经成功实现,如下:

"build:test": "cross-env NODE_ENV=test vite build --mode test && esno ./build/script/postBuild.ts",
"build:prod": "cross-env NODE_ENV=production vite build --mode production && esno ./build/script/postBuild.ts",

        为了防止提交错误,我想新增一个自动上传的脚本,但是~遇到了一个非常棘手的问题,我写了一个 deploy 脚本,希望实现半自动化实现 Vue 项目的上传ftp,在 script 中进行配置:

"deploy:test": "cross-env NODE_ENV=test ts-node ./deploy/index.ts",
"deploy:prod": "cross-env NODE_ENV=production ts-node ./deploy/index.ts",

         结果报错:

e6649c84297f45fd882b8108cc97849a.png

解决   

     在网上寻找了很多很多很多种解决方案,最终发现, 只要在 package.json 文件中将 【"type": "module"】删除,问题就解决了。

新的问题

        但是呢,新的问题出现了,项目跑不动了呀!【"type": "module" 】删除后,项目它就跑不动了!!!

a6d847ed178f4daf9c5cccc2b3769117.png

矛盾点

        这是非常矛盾的地方:

1、如果我把 package.json 中的 "type": "module" 删掉,那么就跑不动,也 build 不了,但是能 deploy 成功。

2、如果不删掉  "type": "module" ,那么就可以跑也可以 build,但是却无法 deploy。

最终解决方案

 package.json 中的 "type": "module", 依然保留,然后进行以下操作进行解决

① 修改 tsconfig.json

        在 tsconfig.json 文件中添加以下代码:

  "ts-node": {"transpileOnly": true,"files": true,"esm": true},"compilerOptions": {//配置编译选项"target": "ESNext","module": "ESNext","useDefineForClassFields": true,"moduleResolution": "node",// ......其他配置}

②修改 package.json

        在 package.json 中添加以下代码:

"deploy:test": "cross-env NODE_ENV=test node --loader ts-node/esm ./deploy/index.ts",
"deploy:prod": "cross-env NODE_ENV=production node --loader ts-node/esm ./deploy/index.ts",

这样就解决了问题!

 

http://www.lryc.cn/news/416835.html

相关文章:

  • 水域救援设备,保护水域安全_鼎跃安全
  • openmetadata本地编译环境搭建
  • LeetCode Hard|【25. K 个一组翻转链表】
  • python爬虫预备知识三-多进程
  • 【zlm】针对单个设备的音频的编码的设置
  • 文案人的梦工场,网易入职指南!
  • 做一个能和你互动玩耍的智能机器人之七-接入对话和大模型
  • 阿里巴巴商家联系方式采集软件使用教程
  • Golang | Leetcode Golang题解之第326题3的幂
  • 人大金仓(Kingbase)数据库高阶函数详解
  • 云原生真机实验
  • 【电子电路学习笔记】——模电笔记
  • 部署伪分布式 Hadoop集群
  • 十九、虚拟机VMware Workstation(CentOSDebian)的安装
  • 理解Android framework之AOSP:从内核到应用层
  • 杂谈c语言——3.内存对齐
  • 瑞芯微Android设备指定应用开启性能模式
  • ASP.NET Core基础 - 简介
  • Flask+LayUI开发手记(一):LayUI表格的前端数据分页展现
  • Vulnhub靶场DC-9练习
  • Java对象内存布局和对象头
  • python:基于YOLO框架和遥感图像的目标检测
  • DAMA学习笔记(十一)-元数据管理
  • 密码学基本理论
  • 【深度学习】【语音TTS】vits 论文,Variational Inference Text-to-Speech(1)
  • javascript中 window 相关知识点以及代码演示
  • 企业社会责任(CSR)国际标准有哪些?
  • The C programming language (second edition,KR) exercise(CHAPTER 7)
  • 面向服务架构(SOA)介绍
  • 关于使用Next遇到的一些新特性