跳到主要內容

發表文章

目前顯示的是 一月, 2022的文章

vite編譯typescript時發生錯誤 Property 'xxx' does not exist on type

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

Vue 3 出現 error Component name "About" should always be multi-word

使用新版(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" }, 就可以忽視這個規則,成功編譯。

Vue 3 使用 script setup 時出現 defineEmits is not defined與 defineProps is not defined 錯誤

當使用<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檔裡加入上述引用