Typescript中使用引用路徑別名報(bào)錯(cuò)的解決方法
更新時(shí)間：2022年07月06日 08:59:33 作者：將心_max
本文主要介紹了Typescript中使用引用路徑別名報(bào)錯(cuò)的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
在TS中引用路徑別名提示找不到模塊或者相應(yīng)的聲明
1.ts中使用路徑別名報(bào)錯(cuò)
在react中通常路徑別名都是在webpack的webpack.config.js文件中配置的，但是在引入了ts之后，webpack中的路徑別名引用失效了
此時(shí)我們需要在跟src文件同級(jí)目錄的tsconfig.json文件中添加配置：
注意要在compilerOptions中添加（webpack中的路徑也需要配置）
"compilerOptions": {
"target": "es6" /**指定ECMAScript目標(biāo)版本**/,
"module": "commonjs" /**指定生成哪個(gè)模塊系統(tǒng)代碼**/,
"allowJs": true /**允許編譯js文件**/,
"jsx": "preserve" /**支持JSX**/,
"outDir": "build" /**編譯輸出目錄**/,
"strict": true /**啟用所有嚴(yán)格類型檢查選項(xiàng)**/,
"noImplicitAny": false /**在表達(dá)式和聲明上有隱含的any類型時(shí)報(bào)錯(cuò)**/,
"skipLibCheck": true /**忽略所有的聲明文件的類型檢查**/,
"forceConsistentCasingInFileNames": true /**禁止對(duì)同一個(gè)文件的不一致的引用**/,
"allowSyntheticDefaultImports": true /**允許使用import方式導(dǎo)入**/,
"baseUrl": ".", //paths路勁解析起點(diǎn)
"paths": {
"@constant/*": ["src/constants/*"] // 路勁別名配置
}
},
到此這篇關(guān)于Typescript中使用引用路徑別名報(bào)錯(cuò)的解決方法的文章就介紹到這了,更多相關(guān)Typescript 引用路徑別名報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼
Cpage.js是一款輕量級(jí)的Mvvm框架，使用TypeScript（JavaScript的超集）開(kāi)發(fā)。下面通過(guò)本文給大家分享Cpage.js給組件綁定事件的實(shí)現(xiàn)代碼，需要的的朋友參考下吧2017-08-08
js改變下拉框的顯示等實(shí)現(xiàn)代碼。2009-05-05
Javascript如何實(shí)現(xiàn)對(duì)象扁平化實(shí)例詳解
這篇文章主要給大家介紹了關(guān)于Javascript如何實(shí)現(xiàn)對(duì)象扁平化的扁平化處理簡(jiǎn)而言之就是對(duì)對(duì)象中的對(duì)象提取出來(lái),放在一個(gè)對(duì)象里面,形象的說(shuō)就是把兒子的后代當(dāng)成自己的兒子,下面相關(guān)資料,需要的朋友可以參考下2022-11-11
JavaScript使用鍵盤輸入控制實(shí)現(xiàn)數(shù)字驗(yàn)證功能
根據(jù)鍵盤輸入的keycode來(lái)判斷輸入的是什么類型來(lái)實(shí)現(xiàn)數(shù)字驗(yàn)證功能，就簡(jiǎn)單幾行代碼就可以實(shí)現(xiàn)，對(duì)js數(shù)字驗(yàn)證功能感興趣的朋友一起看下吧2016-08-08
javascript中經(jīng)常用到IE版本的判定，實(shí)現(xiàn)特定需求的代碼。檢測(cè)瀏覽器雖然不是一個(gè)什么好的做法，但是有時(shí)候還是很必要的2012-01-01
JavaScript中的普通函數(shù)和箭頭函數(shù)的區(qū)別和用法詳解
這篇文章主要介紹了JavaScript中的普通函數(shù)和箭頭函數(shù)的區(qū)別和用法詳解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
微信JS SDK接入的幾點(diǎn)注意事項(xiàng)(必看篇)
下面小編就為大家?guī)?lái)一篇微信JS SDK接入的幾點(diǎn)注意事項(xiàng)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié))
這篇文章主要介紹了編寫更好的JavaScript條件式和匹配條件的技巧(小結(jié))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
JavaScript 中的 this 簡(jiǎn)單規(guī)則
想要確定this里規(guī)則是什么，其實(shí)方法很簡(jiǎn)單，通過(guò)檢查它的調(diào)用位置，在函數(shù)被調(diào)用的時(shí)候確定this，下面就跟隨腳本之家小編一起通過(guò)本文學(xué)習(xí)吧2017-09-09
JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格行給出顏色標(biāo)識(shí)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)表格行給出顏色標(biāo)識(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04