背景:使用@引入項(xiàng)目資源,報(bào)錯(cuò)找不到相應(yīng)的模塊,不使用@又不會(huì)出現(xiàn)報(bào)錯(cuò),大概率是配置問(wèn)題

前提:確保項(xiàng)目中存在目標(biāo)文件

解決步驟:

1.安裝依賴 @types/node 用于處理別名不生效問(wèn)題

npm i @types/node -D

2.在vite.config.ts中配置別名

resolve: {
    // ↓路徑別名
    alias: {
      "@": resolve(__dirname, "./src")
    },
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
  },

3.在tsconfig.app.json中添加

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
}

即可解決,