解决tsconfig.json配置的路径别名,在使用ts-node运行时不生效问题

 更新时间:2025年05月14日 08:50:54   作者:不怕找不到家  
这篇文章主要介绍了解决tsconfig.json配置的路径别名,在使用ts-node运行时不生效问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

tsconfig.json配置的路径别名,在使用ts-node运行时不生效

很多项目都会配置路径别名来简化导入的路径长度

我们写纯ts项目也会配置路径别名,但是发现使用ts-node运行时,路径别名没起作用

这是因为ts-node并不会去解析tsconfig.json,这时就需要额外下载一个包来解决这个问题

首先下载tsconfig-paths

npm i tsconfig-paths -D

在根目录新建tsconfig-paths-bootstrap.js

(其实是在哪里建,叫什么名字都行)

const tsconfigPaths = require('tsconfig-paths');
// 导入 tsconfig.json
const tsconfig = require('./tsconfig.json');

tsconfigPaths.register({
	// 把 tsconfig.json 的 baseUrl 和 paths 配置拿过来
	baseUrl: tsconfig.compilerOptions.baseUrl,
	paths: tsconfig.compilerOptions.paths,
});

最重要的一步的来了

把package,json的运行命令改了

ts-node --require ./tsconfig-paths-bootstrap.js ./src/app.ts

在运行命令中加上require 参数

到这里就好了~~

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 前端构建 Less入门(CSS预处理器)

    前端构建 Less入门(CSS预处理器)

    众多CSS预处理器中Less的语法最接近原生CSS,因此相对来说更容易上手,假如有JS、C#等编程经验的话,其实上述的几种预处理器的学习成本也不会特别高。下面是我们这阵子的学习笔记,以便日后查阅
    2017-03-03
  • 使用three.js 画渐变的直线

    使用three.js 画渐变的直线

    这篇文章主要介绍了使用three.js 画渐变的直线的相关资料以及具体的实例代码,有需要的小伙伴可以参考下
    2016-06-06
  • TypeScript快速上手—html中使用ts的两种方法

    TypeScript快速上手—html中使用ts的两种方法

    TypeScript使用命令行编译器tsc或其他工具手动执行编译,在html使用s时编译为JavaScript,那么有没有办法简化过程,不编译直接使用,本文介绍html中使用TypeScript的两种方法
    2024-07-07
  • layui中的layer弹出层自定义样式更改背景

    layui中的layer弹出层自定义样式更改背景

    layui中的layer弹出层有很多提示框,但是我们使用最多的应该就几种,layer.msg、layer.alert、layer.open、layer.load等。layer 有内置的skin:layui-layer-lan,layui-layer-molv,可以直接使用。skin不仅允许你传入layer内置的样式class名,可以自定义class名。
    2023-06-06
  • TypeScript函数参数和返回类型的注解方式

    TypeScript函数参数和返回类型的注解方式

    这篇文章主要介绍了TypeScript函数参数和返回类型的注解方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-05-05
  • TypeScript 基础数据结构哈希表 HashTable教程

    TypeScript 基础数据结构哈希表 HashTable教程

    这篇文章主要为大家介绍了TypeScript 基础数据结构哈希表 HashTable教程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • laytpl 精致巧妙的JavaScript模板引擎

    laytpl 精致巧妙的JavaScript模板引擎

    laytpl是一款颠覆性的JavaScript模板引擎,它用巧妙的实现方式,将自身的体积变得小巧玲珑,不仅性能接近极致,并且还具备传统前端引擎的几乎所有功能
    2014-08-08
  • TypeScript 高级数据类型实例详解

    TypeScript 高级数据类型实例详解

    这篇文章主要为大家介绍了TypeScript 高级数据类型实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • FastAdmin表单验证data-rule插件—Nice-validator的使用方法

    FastAdmin表单验证data-rule插件—Nice-validator的使用方法

    FastAdmin的表单验证data-rule非常方便,也很炫酷,采用的Nice-validator是一款非常强大的表单验证插件,通过简单在元素上配置规则,即可达到验证的效果,怎么使用Nice-validator插件呢
    2023-09-09
  • TypeScript中的递归类型示例解析

    TypeScript中的递归类型示例解析

    这篇文章主要为大家介绍了TypeScript中的递归类型示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04

最新评论