当前位置: 首页 > 知识库问答 >
问题:

html5 - H5页面,在安卓7版本中浏览器打开页面为空白?怎么改?

宣瀚
2024-05-10

H5页面,在安卓7版本中浏览器打开页面为空白?怎么改?
webpack.config.js配置

    module: {        rules: [            {                test: /\.m?js$/, // 匹配 .js 或 .mjs 文件                exclude: /node_modules/, // 排除 node_modules 目录(可选,根据实际情况调整)                use: {                    loader: 'babel-loader',                    options: {                        presets: ['@babel/preset-env'],                        plugins: ['@babel/plugin-transform-runtime'],                    }                },            },            {                test: /\.(css|scss|sass)$/i,                use: [                    // 'style-loader',                    isProduction ? MiniCssExtractPlugin.loader : 'style-loader', // 在开发环境中使用MiniCssExtractPlugin,会影响到webpack 的热更新                    'css-loader',                    {                        loader: 'postcss-loader',                        options: {                            postcssOptions: {                                plugins: [                                    [                                        'autoprefixer',                                        { /* 自定义选项,如: */                                            overrideBrowserslist: [                                                "ie >= 9",                                                "safari >= 9",                                                "Android >= 4.4",                                                "ChromeAndroid >= 4.4",                                                "iOS >= 5"                                            ],                                        },                                    ],                                ],                            },                        },                    },                    'sass-loader'                ]            },]}

babel config.json 配置如下:

{  "presets": [    [      "@babel/preset-env",      {        "targets": {          "browsers": [            "ie >= 9",            "safari >= 9",            "Android >= 4.4",            "ChromeAndroid >= 4.4",            "iOS >= 5"          ],          "node": "current"        },        "useBuiltIns": "usage",        "corejs": { "version": 3.65, "proposals": true }      }    ]  ],  "plugins": ["@babel/plugin-transform-runtime"]  // "plugins": ["@babel/plugin-transform-modules-commonjs"],}

共有2个答案

施昊然
2024-05-10

加个vConsole之类在html的head里,看看报啥错,
或者通过chrome://inspect看看,报错是啥,
不然谁也不知道具体问题是啥,需要怎么调整

雍骏俊
2024-05-10

npm install babel-polyfill -S

import “babel-polyfill”

 类似资料:
  • H5 页面在 安卓 8.1 系统版本中 浏览器打开获取不到数据 status返回0这种要怎么改?

  • H5 webapck 打包后,在低版本浏览器,页面无法显示? 定位到问题代码行数,是 axios请求有问题,这种要怎么兼容? webpack.config.js里面的配置 .babelrc 里面的配置

  • 问题内容: 这是我以前在这里发表的上一篇文章的扩展,我无法上班,但是更新Selenium后现在出现新错误。 我正在使用Python 3.5,Windows 8.1,Selenium 3.0.1 我知道代码可以工作,因为它可以在我的MAC上工作,但是当我将代码转移到如上所述的工作计算机上时,发生的唯一事情是浏览器将打开,但不会加载任何内容,甚至不会加载主页。 从搜索中可以找到的所有内容中,我下载了g

  • 页面浏览分为两部分: 时间/页面筛选 和 页面浏览详情 1.时间/页面筛选 1)便捷按钮有今日、昨日、前日、上周 X、近七天 2)能自定义选择时间段,同时能搜索出个别字眼的页面来得出想要的结果报表 2.页面浏览详情 1)页面浏览,是指被浏览的网页,点击表头可以按相应的项目排序 2)如有需要,亦可点击下载当前报表及更多数据下载,将报表下载到个人电脑,以供存档及分析 3)点击 [细] 可查看访

  • pages.json 中 pages配置四个页面,其中有三个配置到了tabBar中 删减代码如下: 我现在需要从客户通讯录中通过点击跳转到没有配置在tabBar中的 客户详情页面中,事件代码如下: 结果控制台报错: 我的文件 '/pages/CustomerInfo/index' 是存在的,路径也没有写错,为什么会找不到页面呢?

  • 微信打开h5页面怎么让它右上角显示三个点,并在浏览器打开, 这个是手写吗