Vue项目中如何初始化npm包？v-mask初始化报Vue未定义如何解决

问题原因 #

• 你当前使用的是Vue3版本，Vue.use()是Vue2的插件注册语法，Vue3没有导出全局Vue对象，因此直接调用Vue.use()会触发未定义报错。
• 官方原版v-mask仅支持Vue2，若你的项目是Vue3环境，还需要安装对应的适配版本。

解决步骤 #

1. 若你已经安装了适配Vue3的v-mask版本，将main.js代码调整为如下即可：

import { createApp } from 'vue'
import App from './App.vue'
import VueMask from 'v-mask'

// 先创建应用实例，通过实例调用use方法注册插件
const app = createApp(App)
app.use(VueMask)
app.mount('#app')

2. 若修改后仍存在报错，说明你安装的是Vue2版本的v-mask，先执行如下命令替换依赖：
   npm uninstall v-mask && npm install @vuejs-tips/v-mask
   再修改main.js代码完成注册：

import { createApp } from 'vue'
import App from './App.vue'
import { mask } from '@vuejs-tips/v-mask'

const app = createApp(App)
// 全局注册v-mask指令
app.directive('mask', mask)
app.mount('#app')

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