關(guān)于vite?+?ts?找不到模塊@/xxxx?或其相應(yīng)的類型聲明問(wèn)題
更新時(shí)間：2023年06月29日 16:26:12 作者：一步步邁入網(wǎng)絡(luò)
這篇文章主要介紹了vite?+?ts?找不到模塊@/xxxx?或其相應(yīng)的類型聲明,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
一、找到項(xiàng)目下的 tsconfig.json
二、添加如圖所示baseUrl和paths
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"module": "ESNext",
"moduleResolution": "Node",
"strict": true,
"jsx": "preserve",
"resolveJsonModule": true,
"isolatedModules": true,
"esModuleInterop": true,
"lib": ["ESNext", "DOM"],
"skipLibCheck": true,
"noEmit": true,
//解析非相對(duì)模塊的基礎(chǔ)地址，默認(rèn)是當(dāng)前目錄
"baseUrl": "./",
//路徑映射，相對(duì)于baseUrl
"paths": {
"@/*": ["./src/*"]
},
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"references": [{ "path": "./tsconfig.node.json" }]
}三、找到vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path' //引入path模塊
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
vue: "vue/dist/vue.esm-bundler.js",
'@': path.resolve(__dirname, 'src'), //配置@路徑
}
}
})到此這篇關(guān)于vite + ts 找不到模塊@/xxxx 或其相應(yīng)的類型聲明的文章就介紹到這了,更多相關(guān)vite + ts 找不到模塊@/xxxx 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)select選擇框效果，及美化select選擇框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
每天一篇javascript學(xué)習(xí)小結(jié)（Array數(shù)組）
這篇文章主要介紹了javascript中的Array數(shù)組知識(shí)點(diǎn)，對(duì)數(shù)組的基本使用方法，以及各種方法進(jìn)行整理，感興趣的小伙伴們可以參考一下2015-11-11
程序ColorGrads的作用是通過(guò)StartColor和EndColor生成顏色梯度集合。2009-03-03
TypeScript使用axios庫(kù)進(jìn)行高效的網(wǎng)頁(yè)數(shù)據(jù)抓取
在當(dāng)今的互聯(lián)網(wǎng)時(shí)代,數(shù)據(jù)已成為企業(yè)最寶貴的資產(chǎn)之一,無(wú)論是社交媒體分析、市場(chǎng)趨勢(shì)預(yù)測(cè)還是用戶行為研究,高效地獲取和處理網(wǎng)頁(yè)數(shù)據(jù)都是至關(guān)重要的,本文將通過(guò)訪問(wèn)抖音平臺(tái)的案例,介紹如何在TypeScript中使用axios庫(kù)進(jìn)行高效的網(wǎng)頁(yè)數(shù)據(jù)抓取2024-08-08
JavaScript詳解使用Promise處理回調(diào)地獄的兩種方法
這篇文章主要介紹了JavaScript詳解使用Promise處理回調(diào)地獄的兩種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-11-11
JavaScript中的call和apply的用途以及區(qū)別
本文主要介紹了JavaScript中的call和apply的用途以及區(qū)別。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
js實(shí)現(xiàn)淘寶首頁(yè)的banner欄效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)淘寶首頁(yè)的banner欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了js日期范圍初始化得到前一個(gè)月日期的方法,涉及javascript操作日期的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
php gethostbyname獲取域名ip地址函數(shù)詳解
php gethostbyname獲取域名ip地址函數(shù)，需要根據(jù)域名得到ip地址的朋友有福了。2010-01-01
JS中實(shí)現(xiàn)隱藏部分姓名或者電話號(hào)碼的代碼
最近做了小項(xiàng)目，項(xiàng)目需要只顯示用戶的姓名和手機(jī)號(hào)開(kāi)頭跟結(jié)尾，其他部分用*號(hào)代替，下面小編給大家分享一段簡(jiǎn)單的代碼，需要的朋友跟隨腳本之家小編一起看看吧2018-07-07