關(guān)于vite?+?ts?找不到模塊@/xxxx?或其相應(yīng)的類型聲明問題
更新時(shí)間：2023年06月29日 16:26:12 作者：一步步邁入網(wǎng)絡(luò)
這篇文章主要介紹了vite?+?ts?找不到模塊@/xxxx?或其相應(yīng)的類型聲明,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(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,
//解析非相對模塊的基礎(chǔ)地址，默認(rèn)是當(dāng)前目錄
"baseUrl": "./",
//路徑映射，相對于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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript使用atan2來繪制箭頭和曲線的實(shí)例
下面小編就為大家?guī)硪黄狫avaScript使用atan2來繪制箭頭和曲線的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Discuz 公告效果效果代碼，可以自動換行和無間隙滾動2009-03-03
js實(shí)現(xiàn)網(wǎng)頁多級級聯(lián)菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁多級級聯(lián)菜單代碼,涉及javascript基于數(shù)組動態(tài)構(gòu)造多級級聯(lián)菜單的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
JavaScript中無法通過div.style.left獲取值的解決方法
這篇文章主要介紹了JavaScript中無法通過div.style.left獲取值的問題分析及解決方法,需要的朋友可以參考下2017-02-02
從經(jīng)典論壇發(fā)現(xiàn)的一個可以在網(wǎng)頁中寫字和有擦除功能的javascript代碼2008-04-04
js中幾種循環(huán)的退出方式實(shí)例總結(jié)
提到在一段程序中如果碰到需要終止,結(jié)束一個循環(huán),函數(shù)或者一段代碼,一般會想到以下這幾個關(guān)鍵字return、continue、break,這篇文章主要給大家介紹了關(guān)于js中幾種循環(huán)的退出方式,需要的朋友可以參考下
2022-12-12 
IP地址輸入框...
2006-08-08 
hover 和 :focus 這樣的偽類，我們可以很方便的將元素從一個樣式切換到另一個樣式，而且切換是會有過渡效果。但有時(shí)我們想要使用 js 來驅(qū)動過渡（即在代碼中觸發(fā)過渡）也是可以實(shí)現(xiàn)的，下面通過本文給大家介紹下
2017-01-01 
JavaScript原型式繼承實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript原型式繼承實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-11-11