当前位置: 首页 > news >正文

深圳高端网站建设费用网络营销方案策划论文

深圳高端网站建设费用,网络营销方案策划论文,wordpress 图片网站,带端口的服务器怎么做网站安装多个低版本谷歌Chrome浏览器用于测试,适配Vue3vite项目 问题:使用vue3tsvite搭建了一个项目,在chrome新版本浏览器上无问题,但是部署到现场页面直接空白,且控制台报错: Uncaugnt SyntaxError: Unexpe…

安装多个低版本谷歌Chrome浏览器用于测试,适配Vue3+vite项目

问题:使用vue3+ts+vite搭建了一个项目,在chrome新版本浏览器上无问题,但是部署到现场页面直接空白,且控制台报错:

Uncaugnt SyntaxError: Unexpected token .
Uncaught SyntaxError: Unexpected token ?

原因:经过排查是现场谷歌浏览器72版本太老,不支持最新语法和es6这些语法导致,故需要做浏览器兼容性处理

安装多个低版本谷歌Chrome浏览器用于测试

  • 通过这个网址chrome64位windows稳定版可以下载到相应版本的chrome浏览器,记住,必须时离线安装包,不能是在线安装包。
  • 解压安装包,
  1. 先在其它盘中创建一个Chrome70空文件夹,然后在该文件夹中创建一个APP空文件夹
    在这里插入图片描述

  2. 使用解压工具解压安装包,得到一个Chrome-bin文件夹:
    在这里插入图片描述

  3. 将Chrome-bin文件夹放到APP文件夹中
    在这里插入图片描述

  4. 在Chrome-bin文件中新建一个空文件夹user-data(名字随意)
    在这里插入图片描述

  5. 将APP里面的Chrome-bin里的chrome.exe发送到桌面快捷方式

  6. 在桌面快捷方式修改
    原来是:

C:\Users\13487\Desktop\Chrome70\APP\Chrome-bin\chrome.exe

修改后:

C:\Users\13487\Desktop\Chrome70\APP\Chrome-bin\chrome.exe
–user-data-dir=“C:\Users\13487\Desktop\Chrome70\APP\Chrome-bin\user-data”

在这里插入图片描述
安装完成!

Vue3+vite兼容老版本浏览器处理

  1. 安装@vitejs/plugin-legacy插件,用于转换语法
npm i @vitejs/plugin-legacy
  1. 修改vite.config.js

在vite.config.js引入:

import legacy from "@vitejs/plugin-legacy"

在vite.config.js的plugins数组插件里使用legacy()

legacy()
  1. 打包和调试

注意: 即使安装了@vitejs/plugin-legacy,你本地启动项目,在70版本浏览器了运行还是会报白屏看不了,因为该插件只是在打包时候生效。但是打包部署后,去70版本浏览器打开项目看,就能正常访问。

步骤:用打包工具打包成dist包后,进入dist目录,用http-server启动,就可以在70版本浏览器查看效果了

http://www.zhongyajixie.com/news/22357.html

相关文章:

  • 珠海模板网站建设其中包括
  • 设计师需要了解的网站百度商家版下载
  • wordpress 伪静态 中文冯耀宗seo视频教程
  • 万州那家做网站创建网站平台
  • 网站建设领先独立站seo推广
  • wordpress询盘功能南京百度关键字优化价格
  • 最新建设招聘信息网站百度扫一扫识别图片在线
  • 网站建设 总体目标网店推广方案范文
  • 个人可以做外贸网站吗中国最新军事新闻
  • jsp做的婚恋网站友情链接的形式有哪些
  • 网站开发流程原理河南郑州最新消息今天
  • 湘潭营销型网站建设北京网站优化多少钱
  • 很多网站开发没有框架如何制作的互联网广告代理
  • 北京网站设计公司排行榜百度竞价关键词
  • 网站怎么做rss百度云资源搜索平台
  • 做网站如何引流百度seo2022
  • 沈阳哪家做网站好久久seo综合查询
  • 网站域名跳转是怎么做的如何设计一个网页
  • 横向网站长沙网站seo报价
  • 重庆万州网站建设费用seo站长网
  • 新疆网站备案代办专业seo公司
  • 哈尔滨哪里做网站自建站怎么推广
  • 外贸网站适合用数字域名吗百度竞价推广收费
  • 香港公司能在大陆做网站吗网络舆情分析
  • 网站维护需要用到哪些知识seo建站需求
  • 网站开发文档源码小程序开发工具
  • 郑州做网站找赢博科技营销方式有哪几种
  • wordpress 手机跳转成都网站排名优化公司
  • 安阳网站制作优化优化seo是什么
  • 微商城哪个平台做得比较好优化推广排名网站教程