phpcms 专题网站模板,seo北京,高端网站设计电话,口碑好的镇江网站建设安装多个低版本谷歌Chrome浏览器用于测试#xff0c;适配Vue3vite项目
问题#xff1a;使用vue3tsvite搭建了一个项目#xff0c;在chrome新版本浏览器上无问题#xff0c;但是部署到现场页面直接空白#xff0c;且控制台报错#xff1a;
Uncaugnt SyntaxError: Unexpe…安装多个低版本谷歌Chrome浏览器用于测试适配Vue3vite项目
问题使用vue3tsvite搭建了一个项目在chrome新版本浏览器上无问题但是部署到现场页面直接空白且控制台报错
Uncaugnt SyntaxError: Unexpected token .
Uncaught SyntaxError: Unexpected token ?原因经过排查是现场谷歌浏览器72版本太老不支持最新语法和es6这些语法导致故需要做浏览器兼容性处理
安装多个低版本谷歌Chrome浏览器用于测试
通过这个网址chrome64位windows稳定版可以下载到相应版本的chrome浏览器记住必须时离线安装包不能是在线安装包。解压安装包 先在其它盘中创建一个Chrome70空文件夹然后在该文件夹中创建一个APP空文件夹 使用解压工具解压安装包得到一个Chrome-bin文件夹 将Chrome-bin文件夹放到APP文件夹中 在Chrome-bin文件中新建一个空文件夹user-data(名字随意) 将APP里面的Chrome-bin里的chrome.exe发送到桌面快捷方式 在桌面快捷方式修改 原来是 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” 安装完成
Vue3vite兼容老版本浏览器处理
安装vitejs/plugin-legacy插件用于转换语法
npm i vitejs/plugin-legacy修改vite.config.js 在vite.config.js引入 import legacy from vitejs/plugin-legacy在vite.config.js的plugins数组插件里使用legacy() legacy()打包和调试 注意 即使安装了vitejs/plugin-legacy你本地启动项目在70版本浏览器了运行还是会报白屏看不了因为该插件只是在打包时候生效。但是打包部署后去70版本浏览器打开项目看就能正常访问。 步骤用打包工具打包成dist包后进入dist目录用http-server启动就可以在70版本浏览器查看效果了
