自学前端第一天 : Vue3Vite配置路径别名引用时没有路径提示解决方法
全球变冷冷 2024-07-11 11:33:01 阅读 72
首先在vite.config.js中配置别名
<code>export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
assets: '@/assets',
utils: '@/utils',
api: '@/api'
},
"paths": {
"@/*": [
"src/*"
]
},
},
})
然后在和src平级处增加新文件jsconfig.json内容如下(如果是ts需要新建tsconfig.json)
{
"compilerOptions": {
"experimentalDecorators": true,
"baseUrl": "./",
"paths": {
"@/*": [
"src/*"
],
}
},
"exclude": [
"node_modules",
"dist"
]
}
最后记得重启一下项目就好了
声明
本文内容仅代表作者观点，或转载于其他网站，本站不以此文作为商业用途
如有涉及侵权，请联系本站进行删除
转载本站原创文章，请注明来源及作者。