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

[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的類型做檢查