[vite] not read vite.config.ts when build 編譯時沒有讀取vite.config.ts檔案

enviroment

vite
vue
ts

problem

開發完打包資源，
執行 npm run build

報錯：

Cannot find module '@/store/vuex' or its corresponding type declarations.
import { State } from "@/store/vuex";

location

將@符號路徑改為 ../../store/vuex沒有報錯。

而實際在vite.config.ts檔案中
配置過@符號的alias

  resole: {
    alias: {
      '@': path.join(__dirname, 'src')
    }
  }

為什麼還是不認識@符號呢？

嘗試在vite.config.ts檔案中加入一行log

console.log(`vite.config.ts...`)

再次執行 npm run build
發現log內容沒有打印出來

所以原因應該是：當前配置並沒有被讀取，也木有被執行

solution

預設build命令
"build": "vue-tsc --noEmit && vite build",

嘗試指定配置檔案，依然沒有效果
"build1": "vue-tsc --noEmit && vite build --config vite.config.ts",

嘗試去掉 vue-tsc --noEmit，解決問題，log有打印出來，@符號能被認識
"build": "vite build",

reason

noEmit
Vite 僅執行 .ts 檔案的轉譯工作，並不執行任何型別檢查。
vue-tsc --noEmit 開啟型別檢查，對 *.vue 檔案和ts的型別做檢查