解決tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效問(wèn)題
更新時(shí)間：2025年05月14日 08:50:54 作者：不怕找不到家
這篇文章主要介紹了解決tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
tsconfig.json配置的路徑別名,在使用ts-node運(yùn)行時(shí)不生效
很多項(xiàng)目都會(huì)配置路徑別名來(lái)簡(jiǎn)化導(dǎo)入的路徑長(zhǎng)度
我們寫(xiě)純ts項(xiàng)目也會(huì)配置路徑別名，但是發(fā)現(xiàn)使用ts-node運(yùn)行時(shí)，路徑別名沒(méi)起作用
這是因?yàn)閠s-node并不會(huì)去解析tsconfig.json，這時(shí)就需要額外下載一個(gè)包來(lái)解決這個(gè)問(wèn)題
首先下載tsconfig-paths
npm i tsconfig-paths -D
在根目錄新建tsconfig-paths-bootstrap.js
(其實(shí)是在哪里建，叫什么名字都行)
const tsconfigPaths = require('tsconfig-paths');
// 導(dǎo)入 tsconfig.json
const tsconfig = require('./tsconfig.json');
tsconfigPaths.register({
// 把 tsconfig.json 的 baseUrl 和 paths 配置拿過(guò)來(lái)
baseUrl: tsconfig.compilerOptions.baseUrl,
paths: tsconfig.compilerOptions.paths,
});最重要的一步的來(lái)了
把package,json的運(yùn)行命令改了
ts-node --require ./tsconfig-paths-bootstrap.js ./src/app.ts
在運(yùn)行命令中加上require 參數(shù)
到這里就好了~~
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
前端構(gòu)建 Less入門(mén)(CSS預(yù)處理器)
眾多CSS預(yù)處理器中Less的語(yǔ)法最接近原生CSS，因此相對(duì)來(lái)說(shuō)更容易上手，假如有JS、C#等編程經(jīng)驗(yàn)的話，其實(shí)上述的幾種預(yù)處理器的學(xué)習(xí)成本也不會(huì)特別高。下面是我們這陣子的學(xué)習(xí)筆記，以便日后查閱2017-03-03
這篇文章主要介紹了使用three.js 畫(huà)漸變的直線的相關(guān)資料以及具體的實(shí)例代碼，有需要的小伙伴可以參考下2016-06-06
TypeScript使用命令行編譯器tsc或其他工具手動(dòng)執(zhí)行編譯,在html使用s時(shí)編譯為JavaScript,那么有沒(méi)有辦法簡(jiǎn)化過(guò)程,不編譯直接使用,本文介紹html中使用TypeScript的兩種方法2024-07-07
layui中的layer彈出層有很多提示框，但是我們使用最多的應(yīng)該就幾種，layer.msg、layer.alert、layer.open、layer.load等。layer?有內(nèi)置的skin：layui-layer-lan，layui-layer-molv，可以直接使用。skin不僅允許你傳入layer內(nèi)置的樣式class名，可以自定義class名。2023-06-06
TypeScript函數(shù)參數(shù)和返回類(lèi)型的注解方式
這篇文章主要介紹了TypeScript函數(shù)參數(shù)和返回類(lèi)型的注解方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-05-05
TypeScript 基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)哈希表 HashTable教程
這篇文章主要為大家介紹了TypeScript 基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)哈希表 HashTable教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
laytpl是一款顛覆性的JavaScript模板引擎，它用巧妙的實(shí)現(xiàn)方式，將自身的體積變得小巧玲瓏，不僅性能接近極致，并且還具備傳統(tǒng)前端引擎的幾乎所有功能2014-08-08
TypeScript 高級(jí)數(shù)據(jù)類(lèi)型實(shí)例詳解
這篇文章主要為大家介紹了TypeScript 高級(jí)數(shù)據(jù)類(lèi)型實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
FastAdmin表單驗(yàn)證data-rule插件—Nice-validator的使用方法
FastAdmin的表單驗(yàn)證data-rule非常方便,也很炫酷,采用的Nice-validator是一款非常強(qiáng)大的表單驗(yàn)證插件,通過(guò)簡(jiǎn)單在元素上配置規(guī)則,即可達(dá)到驗(yàn)證的效果,怎么使用Nice-validator插件呢2023-09-09
這篇文章主要為大家介紹了TypeScript中的遞歸類(lèi)型示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04