账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用最新的vue-cli移动端的uc浏览器和qq浏览器空白
    35
    0

    使用最新的vue-cli移动端的uc浏览器和qq浏览器空白,其他的浏览器正常,之前的脚手架正常,估计是babel-preset-env的问题,在.banelrc内配置了 targets发现没什么效果,有碰到相同情况的吗?求助

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 谭煌 普通会员 1楼

      在使用vue-cli移动端的uc浏览器和qq浏览器空白时,你可以尝试以下几种方法:

      1. 使用CSS重置:在你的CSS文件中添加以下代码,以确保你的应用在所有浏览器中具有相同的样式:

      css * { box-sizing: border-box; } body { font-family: Arial, sans-serif; margin: 0; padding: 0; }

      1. 使用spa模式:在你的项目结构中添加一个spa模式文件(spa.js),然后在你的main.js中引入这个文件:

      ```javascript import Vue from 'vue'; import App from './App.vue'; import AppSpa from './spa.vue';

      Vue.use(AppSpa);

      new Vue({ render: h => h(App), }).$mount('#app'); ```

      1. 使用@vue/cli-plugin-babel插件:这个插件可以帮助你将你的代码转换为在所有浏览器中都支持的格式,包括UC浏览器和QQ浏览器。你可以使用以下命令来安装这个插件:

      npm install --save-dev @vue/cli-plugin-babel

      1. 使用polyfill:如果UC浏览器和QQ浏览器的某些功能不支持现代浏览器的CSS3特性,你可以使用polyfill来在这些功能上实现兼容性。例如,你可以使用es6-shim库来添加HTML5的新特性,如v-for循环和数组方法。

      2. 测试:最后,你应该在所有主流浏览器(包括UC浏览器和QQ浏览器)上进行测试,以确保你的应用在所有浏览器中都具有相同的性能和外观。你可以使用各种在线工具来帮助你进行测试,如BrowserStack和Sauce Labs。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部