1. setting.json
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
},
这时候已经有提示了 但是ts会报错
tsconfig.json
{
"compilerOptions": {
...
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
"#/*": ["type/*"]
}
}
}
以@开头代表src目录下
以#开头代表ts目录下
配置好后 重新引入 没有红色波浪线但是 vite不认识 @符号 运行项目还是会报错
这时候就需要在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会报错 需要下载一下@types/node文章来源:https://www.toymoban.com/news/detail-611052.html
npm i -D @types/node
再重启下就好了文章来源地址https://www.toymoban.com/news/detail-611052.html
到了这里,关于vite vue3+ts @引入无提示/解决提示报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!