开发网站做什么,奉新网站建设,淄博做网站建设的公司,个人网站备案能做什么内容最近在写一个nodejs项目#xff0c;使用 ts-node 启动项目。遇到了一些问题#xff0c;在此记录一下。
ts-node 是 TypeScript 执行引擎和 Node.js 的 REPL(一个简单的交互式的编程环境)。
它能够直接在 Node.js 上执行 TypeScript#xff0c;而无需预编译。 这是通过挂接…最近在写一个nodejs项目使用 ts-node 启动项目。遇到了一些问题在此记录一下。
ts-node 是 TypeScript 执行引擎和 Node.js 的 REPL(一个简单的交互式的编程环境)。
它能够直接在 Node.js 上执行 TypeScript而无需预编译。 这是通过挂接 node 的模块加载 API 来实现的使其能够与其他 Node.js 工具和库无缝衔接。
1. 安装
npm i ts-node
npm i ts-node -g // 也可以全局安装检查是否安装成功
ts-node -v如果不识别该命令以管理员身份运行 IDE 或 powershell。 2. 目录结构
|-- server_node
| |-- src
| |-- login
| | |-- index.ts
| |-- test
| |-- index.ts
| |-- index.ts
| |-- package-lock.json
| |-- package.jsonindex.ts
import express from express;import Login from ./src/login;
import Test from ./src/test;const app express();app.use(/api, Login);
app.use(/api, Test);app.listen(9090, () {console.log(success server http://localhost:9090);
});3. 启动 排错
添加启动命令“dev”: “ts-node index.ts” package.json
{name: server_node,version: 1.0.0,description: ,main: index.js,type: module,scripts: {dev: ts-node index.ts,test: echo \Error: no test specified\ exit 1},...
}啪的一下子就报错了很干脆啊 这是因为 nodejs 默认支持 CommonJS语法不识别 import 导入。有两个解决方案
package.json 中添加 type: modulets-node index.ts 改为 ts-node-esm index.ts-esm是让 ts-node 以 ESModule语法执行。
但是它又不识别 ts 后缀文件了。。。 然后排错了好久查了好多解决方案
package.json 和 tsconfig.json 配置冲突的安装 typescript
和我遇到的情形不一样没什么卵用。。
4. 解决方案
然后还是去翻文档找到这个 意思就是如果想要支持 ESMoudle必须在 package.json 和 tsconfig.json 中如此配置。
我们执行 tsc -init 生成 tsconfig.ts 文件。tsc 命令文末有补充 设置 moduleResolution: node, 指定 TypeScript 如何从给定的模块指定符中查找文件。
运行报错 npm run dev报错 ERR_UNSUPPORTED_DIR_IMPORT这个错误表明你尝试导入的目录不是一个合法的、可导入的模块结构。
这需要我们把导入路径补全
import Login from ./src/login/index.ts;设置 allowImportingTsExtensions: true 和 noEmit: true 支持 ts扩展名解决报错。
最终 tsconfig.ts 配置如下 tsconfig.ts
{compilerOptions: {/* Language and Environment */target: es2016, /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. *//* Modules */module: ESNext, /* Specify what module code is generated. */moduleResolution: node, /* Specify how TypeScript looks up a file from a given module specifier. */allowImportingTsExtensions: true, /* Allow imports to include TypeScript file extensions. Requires --moduleResolution bundler and either --noEmit or --emitDeclarationOnly to be set. */noEmit: true, /* Disable emitting files from a compilation. */esModuleInterop: true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables allowSyntheticDefaultImports for type compatibility. */forceConsistentCasingInFileNames: true, /* Ensure that casing is correct in imports. *//* Type Checking */strict: true, /* Enable all strict type-checking options. */skipLibCheck: true /* Skip type checking all .d.ts files. */},ts-node: { esm: true }
}
修改对应配置后发现运行还是不行又回到最初的报错了。。。
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension .tsWTM这是逼我搞玄学呀
我们看第一段话意思大概是node 的底层都是 CommonJSnode 的 ESMoudle 功能支持目前是试验阶段随时可能会变化。我们会尽量稳定对 ESMoudle 的支持但是它依赖某些API并且这些API可能会在新版本的 node 中中断所以不建议生产中使用。
OK那就很明了了肯定是 node版本问题新版本的 node 可能还没有适配。
经过我的测试结果如下 在没有 tsconfig.json 的情况下16版本及以上都会出现问题14,15版本都是OK的再低的版本我就没测了。而在有 tsconfig.json 的情况下最高可以支持到 18.18.0 版本。 于是我把我的 node 版本从 20 降到 18就能成功运行了。
5. 补充
这是一个常规的 ts文件运行方法先编译后运行。
npm i typescript // tsc// 编译 ts 为 js
tsc index.tsnpm i nodemon // nodemon// 热加载 index.js
nodemon index.js
