新建Vue3项目中Typescript无法识别createApp返回实例的config属性问题

错误原因 #

• createApp() 执行后返回的才是带config属性的Vue应用实例，链式调用use()方法时返回的仍然是应用实例，但调用mount('#app')后返回值是根组件实例ComponentPublicInstance，该实例上不存在config属性，所以触发TS类型报错。

解决方式 #

拆分链式调用，在调用mount方法之前就把应用实例赋值给变量，修改后的代码如下：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 先保存应用实例
const app = createApp(App)
app.use(store).use(router)
// 挂载操作单独执行，不用返回值
app.mount('#app')

// 此时可以正常访问config属性
app.config

内容的提问来源于stack exchange，提问作者atlas_scoffed