Vue3网站在xp系统下的兼容性
xp吧
全部回复
仅看楼主
level 9
IE6,Firefox52.9ESR,Opera36和Chrome49四款浏览器全部白屏。
只有Mypal68和Supermium122能正常打开网页。
Vue3的兼容性可以说是非常差,比Vue2差远了。
2024年06月14日 06点06分 1
level 8
用Opera36还不如用Opera12.18测的有意义
2024年06月14日 15点06分 2
level 1
笑死。。。我以为穿越2014年了.。。。还测什么XP IE 脑子呢?[滑稽]
2024年06月18日 06点06分 3
兼容IE6[滑稽]
2024年06月19日 04点06分
level 9
试了下,firefox52.9esr,opera36和chrome49都支持proxy的get set和deleteProperty,还有let和const,还有带变量的``字符串比如`a=${a}`,那理论上有办法让vue3在这三款浏览器下运行。
2024年06月27日 01点06分 4
level 9
这个问题解决了。
创建Vue3工程:
npm create vue@latest
修改vue-project/package.json文件,将"scripts"下的"dev": "vite"改成"dev": "vite --host 0.0.0.0"
首次运行Vue3工程:
cd vue-project
npm install
npm run dev
可在局域网另一台XP机器下通过http://电脑IP地址:5173/网址用mypal68和supermium122这两款浏览器访问,但是firefox52.9esr、opera36和chrome49浏览器打开会白屏。
【解决firefox52.9esr、opera36和chrome49白屏的问题】
npm install @vitejs/plugin-legacy --save-dev
修改vue-project/vite.config.js文件,在顶部加入import legacy from '@vitejs/plugin-legacy'
在export default defineConfig的plugins数组的vue(),下方加入legacy(),
修改vue-project/package.json文件,将"scripts"下的"preview": "vite preview"改成"preview": "vite preview --host 0.0.0.0"
npm run build
npm run preview(不再是dev了)
可在局域网另一台XP机器下通过http://电脑IP地址:4173/网址用firefox52.9esr、opera36和chrome49浏览器访问。
firefox52.9esr下CSS样式正常,opera36和chrome49浏览器下CSS样式会有一点问题,但是页面至少能正常显示。
2024年06月27日 12点06分 5
level 9
成功运行!
(opera36和chrome49的css样式有点问题,目前不知道是什么原因)
2024年06月27日 12点06分 6
level 9
由于搭建vue3开发环境所需的node.js版本过高,需要至少16版本,目前还无法在xp系统下直接搭建vue3的开发环境,只能在另一台win7电脑上开发,然后通过局域网让xp电脑访问。
2024年06月27日 12点06分 7
level 9
ie6浏览器访问会白屏,但是firefox52.9esr访问后保存为htm网页,再用ie6打开,就能看到网页内容了,样式有点不太对,vue logo图片无法显示。firefox52.9esr打开保存的htm网页文件,则显示正常。
2024年06月27日 12点06分 8
level 9
【稍微改善一下opera36和chrome49浏览器下的CSS样式问题】
npm install postcss-preset-env --save-dev
新建vue-project/postcss.config.cjs文件,内容如下:
module.exports= {
plugins: [
require('postcss-preset-env')
]
}
然后:
npm run build
npm run preview
可以看到网页整体可以居中了,并且5个黑色圆角小框里面的图标也居中了,但仍然没有解决You did it!的显示位置问题。
2024年06月27日 13点06分 9
level 9
结论:vue3可以在xp系统下的firefox52.9esr,opera36和chrome49浏览器下正常运行。
2024年06月27日 13点06分 10
level 9
那这么说的话,vue2和vue3的兼容性在xp下就没有什么差别了,vue3和vue2本身相比只是不支持ie9-11,这三款浏览器在xp系统下都安装不了。
因为node.js版本的原因,现在xp还只能搭建vue2的开发环境,无法搭建vue3的开发环境,后续本人要重点研究下怎么把node.js16或者18移植到xp系统下运行。
2024年06月28日 00点06分 11
level 2
老哥,mypal68有安转包吗?我在官网只找到了压缩包,没找到安装引导程序
2024年07月02日 03点07分 12
直接解压运行exe即可,无需安装。
2024年07月02日 15点07分
level 9
在windows系统下编译出32位的nodejs v20.15.1的msi安装包的方法是在powershell里面执行:
.\vcbuild release msi x86
编译后会在当前目录下生成node-v20.15.1-x86.msi安装包。
2024年07月12日 11点07分 14
1