我正在嘗試啟動 Vue 3 Vuetify 項目,但正在運行 yarn build
時遇到此錯誤:</p>
<pre class="brush:php;toolbar:false;">>紗線構建
node_modules/vuetify/lib/components/index.d.mts:2:99 - 錯誤 TS2724: ''vue''沒有名為「JSXComponent」的匯出成員。您指的是「組件」嗎?
2 導入 { Ref、DeepReadonly、ComponentPropsOptions、ExtractPropTypes、VNodeChild、VNode、PropType、JSXComponent、ComponentInternalInstance、CompulatedRef、Component、EffectScope、nextTick、WritableCompulatedRef、CSSS、ProextTick
mponentPublicInstance、InjectionKey、UnwrapRef } 來自「vue」;
~~~~~~~~~~~~
node_modules/vuetify/lib/index.d.mts:2:29 - 錯誤 TS2724:“vue”沒有名為「JSXComponent」的匯出成員。您指的是「組件」嗎?
2 從 'vue' 導入 { Ref, DeepReadonly, JSXComponent, PropType, CSSProperties, App };
~~~~~~~~~~~~
node_modules/vuetify/lib/labs/components.d.mts:2:69 - 錯誤 TS2724: ''vue''沒有名為「JSXComponent」的匯出成員。您指的是「組件」嗎?
2 從 'vue' 導入 { ComponentPropsOptions, ExtractPropTypes, Ref, EffectScope, JSXComponent, PropType, UnwrapRef, CSSProperties, nextTick, VNode };
~~~~~~~~~~~~
在 3 個文件中發現 3 個錯誤。
錯誤檔案
1 node_modules/vuetify/lib/components/index.d.mts:2
1 node_modules/vuetify/lib/index.d.mts:2
1 node_modules/vuetify/lib/labs/components.d.mts:2</pre>
<p>這是我的<code>package.json</code>:</p>
{ “名稱”:“前端”, “版本”:“0.0.0”, 「私人」:真實, 「腳本」:{ “dev”:“vite”, “構建”:“vue-tsc --noEmit &&” vite 建置”, "preview": "vite預覽", “lint”:“eslint”。 --fix --ignore-path .gitignore” }, 「依賴關係」:{ “@mdi/font”:“7.0.96”, “core-js”:“^3.29.0”, “pinia”:“^2.0.0”, “roboto-fontface”:“*”, “vue”:“^3.3.4”, “vue-router”:“^4.0.0”, “vuetify”:“^3.0.0”, “webfontloader”:“^1.0.0” }, 「開發相依性」:{ “@babel/types”:“^7.21.4”, “@types/node”:“^18.15.0”, “@types/webfontloader”:“^1.6.35”, “@vitejs/plugin-vue”:“^3.0.3”, “@vue/eslint-config-typescript”:“^11.0.0”, “eslint”:“^8.37.0”, “eslint-plugin-vue”:“^9.3.0”, “sass”:“^1.60.0”, “打字稿”:“^5.0.0”, “vite”:“^4.3.8”, "vite-plugin-vuetify": "^1.0.0", “vue-tsc”:“^1.2.0” } }</pre></p>
我透過更新「build」腳本以刪除
vue-tsc --noEmit
命令解決了這個問題。