解决Vue2.0自带浏览器里无法打开的原因（兼容处

Vue 2.0在自带浏览器中的兼容处理

本文将为大家介绍解决Vue 2.0在自带浏览器中无法打开的问题，提供实用的兼容处理方案。如果你在使用Vue开发时遇到了类似问题，不妨继续阅读下去。

近期，有些开发者在使用Vue 2.0开发H5页面并嵌入到Android或iOS系统中时，遇到了页面无法显示的问题。别急，让我们一步步解决这些问题。

一、Android端解决方案

对于Android端，我们先要确保已安装了Chrome浏览器，并保证其已成功。接下来，使用Android真机连接电脑，在Chrome浏览器中输入“chrome://inspect”，即可开始调试。请注意，Chrome只支持Android 4.4以上版本的手机。

二、iOS端解决方案

对于iOS端，我们首先需要打开移动端web检查器。在Safari浏览器中的“设置”->“高级”（最底部）->“Web检查器”进行开启。然后，确保iOS系统手机接入Mac电脑。在Mac电脑的Safari浏览器中找到开发者选项，即可看到连接的手机设备，此时就可以进行调试了。

如果是Hybrid嵌入式开发，线上版本可能无法调试，因为IOS App可能会禁用线上调试功能以提高安全性。

三、关于vuex报错解决方案

如果你在使用vuex时遇到“vuex requires a Promise polyfill in this browser.”的报错，很可能是因为浏览器的兼容性不够。以下是几个解决方案：

1. 使用node安装babel-polyfill命令：npm install --save-dev babel-polyfill。

2. 在webpack.config.js文件中，entry入口处加入"babel-polyfill":"babel-polyfill"，以解决兼容性。例如：entry: {"babel-polyfill":"babel-polyfill", app: path.resolve(__dirname, config.entry.module + "/app.js"), vendor: config.entry.vendor}。

3. 不修改webpack的情况下，在主入口文件头部加入，例如在app.js中import 'babel-polyfill'。

你也可以通过引入CDN资源的方式来解决这个问题，例如将