uniapp app中使用vant引用报错，该怎么解决

Question

问题遇到的现象和发生背景

uniapp 使用vue2引入vant 在手机基座运行，直接白屏报错，在游览器中运行是好的，我需要打包成app,不是小程序

遇到的现象和发生背景，请写出第一个错误信息

报错信息reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'userAgent' of undefined

我把引用vant注释后就不会报错，但是现在开发静态页面都快开发完了，必须使用vant

Answer 1

我这里建了一个Vue2的试了下：

npm i vant@latest-v2 -S

// main.js
import App from './App'
import Vant from 'vant'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
// 全局引用
Vue.use(Vant)

const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

<style>
/* App.vue */
@import 'vant/lib/index.css';
</style>

页面直接使用