關于vite?+?ts?找不到模塊@/xxxx?或其相應的類型聲明問題
更新時間:2023年06月29日 16:26:12 作者:一步步邁入網絡
這篇文章主要介紹了vite?+?ts?找不到模塊@/xxxx?或其相應的類型聲明,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
一、找到項目下的 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,
//解析非相對模塊的基礎地址,默認是當前目錄
"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'), //配置@路徑
}
}
})到此這篇關于vite + ts 找不到模塊@/xxxx 或其相應的類型聲明的文章就介紹到這了,更多相關vite + ts 找不到模塊@/xxxx 內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
JavaScript詳解使用Promise處理回調地獄的兩種方法
這篇文章主要介紹了JavaScript詳解使用Promise處理回調地獄的兩種方法,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-11-11
JavaScript中的call和apply的用途以及區(qū)別
本文主要介紹了JavaScript中的call和apply的用途以及區(qū)別。具有很好的參考價值,下面跟著小編一起來看下吧2017-01-01

