使用vue-cli创建项目引入uView后导致H5页面一片空白

[WEI4D]

版本

2.0.31

转载链接

github.com/WEI4D/test-uview

重现步骤

1、vue create -p dcloudio/uni-preset-vue test-uview 2、创建完项目后，根据官方文档安装配置uview 3、执行命令：npm run server 4、浏览器查看相关页面，UI未渲染，一片空白 5、执行：npm run mp-weixin 6、微信小程序页面可以正常渲染 7、注：直接拉取重现链接代码即可重现

期望的结果是什么？

可以正常运行，且在浏览器可以看到界面正常呈现

实际的结果是什么？

1、浏览器环境下，页面无法显示，表现为，一片空白 2、小程序环境下，页面可以正常显示

补充，使用yarn install，会出现上诉问题

[donywan]

Uncaught TypeError: Cannot set properties of undefined (setting 'default')
    at _regeneratorRuntime (chunk-vendors.js:14112:19)
    at chunk-vendors.js:62015:99
    at chunk-vendors.js:62091:6
    at Object.ebZT (chunk-vendors.js:62137:2)
    at __webpack_require__ (index.js:854:30)
    at fn (index.js:151:20)
    at Object.a1KO (chunk-vendors.js:59530:37)
    at __webpack_require__ (index.js:854:30)
    at fn (index.js:151:20)
    at eval (main.js:3:1)

用uniapp cli默认模板，npm方式安装uview2，我是出现这个问题

[donywan]

环境版本如下：

PS C:\Users\root> node -v
v14.19.3
PS C:\Users\root> npm -v
6.14.17
PS C:\Users\root> yarn -v
1.22.18
PS C:\Users\root>

[biewenwoshishei]

npx @dcloudio/uvm

[sun-sharp]

@chenminghui-git 尝试更新到最新正式版了，但是用yarn来安装还是不行的，h5界面会报错，只有npm安装没有问题，导入其它插件是没有问题的，只有使用uview2就有问题，使用最新版的uview1也有这个相同的问题

[sun-sharp]

@Kaiter-Plus 能知道你是只运行了yarn upgrade就可以了吗，你的yarn版本是怎么样的吗 我的环境是 yarn -v 1.22.19 最后在浏览器中运行还是有问题的

[sun-sharp]

@Kaiter-Plus pnpm安装在h5上运行是没有问题的，但是运行在微信小程序是不行的，会报错，我这边试过，只有用npm安装是h5端和小程序端都没问题的 这是在小程序下的问题，用pnpm安装

[fengyunchangxuan]

@donywan 这个问题你解决了吗？我也遇到这个问题了

[fengyunchangxuan]

@Kaiter-Plus 我这边一直都有问题

[sun-sharp]

@Kaiter-Plus 不是，你在页面使用一下组件呢，这个问题是使用组件才会出现

[sun-sharp]

@Kaiter-Plus 是的，只有使用npm安装才都没有问题

[fengyunchangxuan]

@Kaiter-Plus 没用的，我就是使用的npm

[sun-sharp]

@Kaiter-Plus 能解决这个问题吗，我尝试用 uview1最新版，也是有这个问题的，版本1.7.8还是正常的，好像是从1.7.9开始，我用yarn安装插件h5端开始不行的

[Smartiboy]

解决了吗我也遇到了相同问题

[lileltp]

一样的问题 H5下报错。小程序可以

[gaofeng2022]

@sun-sharp 跟你碰到一样的问题，pnpm安装，h5没问题，小程序报错，有解决办法吗？

[sun-sharp]

@gaofeng2022 只能使用npm安装，其它方式安装没办法，除非你不用这ui