我在學習vue3+vite+ts的時候,在配置別名這一步的時候遇到了一個問題,就是引入path的時候會報錯,如下圖所示。
用了2中方式引入,都不行,我在網(wǎng)上搜了很多文章就是這么寫,但是到我項目就不行。后面我根據(jù)報錯的提示,總算解決了問題。
使用import方式引入的報錯提示

image.png
使用require方式引入path的報錯提示

image.png
解決方案
(1)安裝types/node依賴
npm i --save-dev @types/node
(2)在ts.config.js中添加配置"types": ["node"]
{
"compilerOptions": {
...
"types": ["node"]
},
....
}
(3)配置別名
vite.config.js
...
resolve:{
alias:{
'@':path.resolve(__dirname,'src')
}
}
搞定!