出現未預期的安裝套件依賴錯誤,比如 vue‐types - daniel-qa/Vue GitHub Wiki

出現未預期的安裝套件依賴錯誤,比如 vue-types

  • 查看 Babel 的 config

babel.config.js

babel.config.js 會放在你專案的 根目錄,也就是跟 package.json 同一層的地方

  • Babel 說明

    Babel 本身是一個「轉譯器」,但它需要一大堆 plugin,比如:

@babel/core

@babel/preset-env

@babel/types

@babel/plugin-transform-runtime

等等

如果你某個 Babel plugin 不見了、版本不對,或 npm 安裝有殘缺,就會出現那種奇怪路徑的錯誤。

解法:重裝 Babel 相關套件

你可以在專案根目錄下執行以下命令來「乾淨重裝 Babel」:

rm -rf node_modules package-lock.json # 或 mac/linux 下:rm -rf node_modules && rm package-lock.json
npm install
npm install -D @babel/core @babel/preset-env babel-loader

如果你的專案用的是 Vue,順便補一下常見相依:

npm install -D @babel/plugin-transform-runtime @babel/runtime

或者也可以用以下指令查查到底有沒有裝到 Babel 相關依賴:

npm list @babel/core
npm list @babel/types

1 . 檢查安裝狀況 (全域/專案)

# 看本地專案是否有安裝
npm list typescript
	
# 看有沒有全域安裝
npm list -g typescript	

移除

# 移除全域
npm uninstall -g typescript

# 移除本地
npm uninstall typescript

2 . 只安裝本地 typescript

npm install -D typescript

確定不需要,則直接移移

npm uninstall vue-types
  • 先查詢 vue-types 套件的安裝態狀態
>npm ls vue-types
[email protected] D:\Code3\TEAMModelOS\TEAMModelBI\ClientApp
`-- [email protected]			

只有單獨出現,代表:

==> [email protected] 是你專案的「直接依賴」。

也就是說,它是明確被安裝進 node_modules,而且不是其他套件拉進來的

✅ 快速判斷你可能的情境 你曾經執行過這行:

npm install vue-types

即使後來手動把它從 package.json 刪掉,只要沒刪 node_modules 和 package-lock.json,它還是會被記住。

vue-types 現在應該還在 package.json 裡的 dependencies 或 devDependencies 中。

如何「乾乾淨淨」地移除?

如果你確認你不需要 vue-types,可以這樣做:

npm uninstall vue-types

這會幫你:

從 package.json 移除它

從 node_modules 刪掉它

自動更新 package-lock.json

💡 為什麼我會注意這點?

很多人會直接手動編輯 package.json,以為這樣就「解除安裝」了

其實還要配合 uninstall,或手動刪除整個 node_modules + package-lock.json 才算徹底乾淨。