鳥毅的Blog

從vue/cli改為vite時，首先遇到 Property 'xxx' does not exist on type ，這種很鳥的錯誤，不知道為什麼沒找到很好的解法，但我就先把package.json裡的 "build": "vue-tsc --noEmit  && vite build" 直接改成  "build": "vite build" ，等正式發行 vite 3.0時應該這些設定檔都會校調好吧？

使用新版(2021年底到2022年初)的Vue 3樣板時，會出現很多奇怪的錯誤，我又遇到一個：error  Component name "XXX" should always be multi-word 。 查了原廠手冊，發現是 Vue Style Guide  裡有提到要使用 Multi-word component names ，可是我抓 Vue Mastery的 Github 範例 也有使用 Single word component name 耶！ 無論如何，總是要讓現有的程式能夠成功編譯，查到是在eslint-plugin-vue 裡檢查的，所以只要改　.eslintrc.js ，加上  rules: {    "vue/multi-word-component-names": "off" }, 就可以忽視這個規則，成功編譯。

當使用<script setup> 語法撰寫時，若出現 defineEmits is not defined 或 defineProps is not defined 時，不一定是真的錯，很可能只是eslint檢查出錯。 解決方法：  加上import { defineEmits, defineProps } from "vue";  直接在 .eslintrc.js 加上 env: { "vue/setup-compiler-macros": true }, ，就不必在每個vue檔裡加入上述引用