1. setting.json?
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
},這時(shí)候已經(jīng)有提示了 但是ts會(huì)報(bào)錯(cuò)?
?tsconfig.json?
{
"compilerOptions": {
...
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
"#/*": ["type/*"]
}
}
}
以@開頭代表src目錄下
以#開頭代表ts目錄下?
配置好后 重新引入 沒有紅色波浪線但是 vite不認(rèn)識(shí) @符號(hào) 運(yùn)行項(xiàng)目還是會(huì)報(bào)錯(cuò)
?這時(shí)候就需要在vite.config.ts中添加配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
"@": path.join(__dirname, 'src'),
"#": path.join(__dirname,'types')
}
}
})
如果path會(huì)報(bào)錯(cuò) 需要下載一下@types/node文章來源：http://www.zghlxwxcb.cn/news/detail-611052.html
npm i -D @types/node再重啟下就好了文章來源地址http://www.zghlxwxcb.cn/news/detail-611052.html
到了這里，關(guān)于vite vue3+ts @引入無提示/解決提示報(bào)錯(cuò)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
