【报Bug】cli方式构建再main.js引入vant，运行npm run dev:app-plus 报错 Cannot read property 'userAgent' of undefined

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

手机系统： Android

手机系统版本号： Android 10

手机厂商：模拟器

手机机型： mumu模拟器

页面类型： vue

打包方式：云端

项目创建方式： CLI

CLI版本号： 4.3.1

示例代码：

main.js :

//导入vant
import Vant from "vant";

//使用vant
Vue.use(Vant);
报错如下：

Uncaught TypeError: Cannot read property 'userAgent' of undefined
at isIOS ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at eval (main.js:4)

操作步骤：

1.npm i vant -S
2.：
main.js :

//导入vant
import Vant from "vant";

//使用vant
Vue.use(Vant);
报错如下：
3.npm run dev:app-plus
4.把dist/app-plus导入hbuilder
5.使用模拟器运行项目开启debugger调试报错

预期结果：

想要结果是想要在页面中可以正常使用：
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="default">默认按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

实际结果：

实际报错：
Uncaught TypeError: Cannot read property 'userAgent' of undefined
at isIOS ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at eval (main.js:4)

bug描述：

cli方式构建uniapp项目，默认模板，在main.js引入vant失败。打开app端运行报错，h5端运行没有问题：

Uncaught TypeError: Cannot read property 'userAgent' of undefined
at isIOS ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at Module.<anonymous> ()
at webpack_require ()
at eval (main.js:4)