我有一個 createApp 實體并在 vuetify 插件中使用它。主檔案
import { createApp } from 'vue'
import App from './App.vue'
export const app = createApp(App)
import '@/plugins/vuetify.ts'
vuetify 插件
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import {app} from '@/main.ts'
app.use(createVuetify())
錯誤：“未捕獲的 ReferenceError：在 vuetify.ts:7:1 初始化之前無法訪問‘app’”
先感謝您。
uj5u.com熱心網友回復：
import陳述句被提升，將其他代碼放在它們上面會產生錯誤的印象，即它將首先被評估。
main.ts 和 vuetify.ts 包含無法決議的回圈依賴。為了避免這種情況，應在單獨的模塊 app.ts 中創建應用程式實體，然后可以在兩者中匯入它。
vuetify.ts 中的任何內容都不需要use()在此模塊內執行。一種常見的方法是在定義的地方安裝組件app，即在主入口點：
Vuetify.ts
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'
export { createVuetify } from 'vuetify'
main.ts
import { createApp } from 'vue'
import App from './App.vue'
import { createVuetify } '@/plugins/vuetify.ts'
export const app = createApp(App).use(createVuetify())
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/507924.html