1.配置vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias:{
'@': path.resolve(__dirname, 'src') }
}
})
2.報錯path和__dirname
找不到模塊“path”或其相應(yīng)的類型聲明。
找不到名稱“__dirname”
npm i path -Dnpm install --save-dev @types/node3.vue文件中引入文件報錯Cannot find module '@/api/index' or its corresponding type declarations.
import { chunk } from "@/api/index"
解決：在 tsconfig.json的compilerOptions下 加上??baseUrl 和?paths 即可。
?
文章來源：http://www.zghlxwxcb.cn/news/detail-643972.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-643972.html
到了這里，關(guān)于vite項(xiàng)目中使用@代表根路徑的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
