uni-app webview不支持es5、6语法 在外部浏览器可以正常打开 在uni-app内部打不开

在uni-app中使用webview组件时，确实可能会遇到对ES5、ES6语法支持不完全的问题。这通常是由于webview组件内部使用的WebView引擎版本较旧，或者配置不当导致的。为了确保在uni-app的webview中能够正确运行ES5、ES6代码，你可以尝试以下几种方法：

1. 使用Babel转译

在将你的应用打包进uni-app之前，可以使用Babel将ES6代码转译为ES5。以下是一个使用Babel的示例配置：

// .babelrc 文件
{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "browsers": ["> 0.25%", "not dead"]
      },
      "useBuiltIns": "usage",
      "corejs": 3
    }]
  ]
}

确保你的项目中安装了必要的Babel依赖：

npm install --save-dev @babel/core @babel/preset-env babel-loader core-js

然后在你的webpack配置中添加Babel loader：

// webpack.config.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      }
    ]
  }
};

2. 引入Polyfill

如果webview对某些ES6特性支持不足，你可以引入polyfill来提供这些特性的实现。例如，使用core-js：

// 在你的入口文件中引入core-js
import 'core-js/stable';
import 'regenerator-runtime/runtime';

3. 检查并更新uni-app和依赖

确保你的uni-app和所有相关依赖都是最新版本，因为新版本可能修复了旧版本中的一些问题，包括对ES6的支持。

npm update

4. 使用TypeScript（可选）

虽然这不是直接解决ES5/6支持问题的方法，但使用TypeScript可以提供更好的类型检查和编译时错误检测，同时TypeScript编译器也可以帮助你转译代码。

5. 调试和错误处理

如果问题仍然存在，尝试在webview中打开开发者工具（如果支持），查看是否有具体的错误信息。这些信息可以帮助你更精确地定位问题。

通过上述方法，你应该能够在uni-app的webview组件中更好地支持ES5、ES6语法。如果问题依旧，请检查你的webview组件配置和外部资源的加载情况。