前端是一个发展非常快速的技术，基本上每半年就有非常大的变动，所以经常会接受到新知识、新技术，但是我在2025年11月底搭建的一个vue框架上使用新技术的时候遇到了一些兼容性问题。
Vue3已经完全不兼容IE浏览器了，Windows的默认浏览器也变成了Edge浏览器，所以对于框架的选择已经广泛了很多，但是就因为这个掉以轻心去随便上新版本，可能会遇到很多问题。
接下来就说一说，我在使用新技术搭建框架的时候遇到的一些版本问题。
vue2还是vue3
这个还是前面说的，如果你需要支持ie浏览器，那只能是vue2版本。
对于ie浏览器也有ie7,8,9,10,11这几个版本，尽管你选择了vue2，也可能需要对ie的这几个版本做一些单独的适配。比如我当时在写医院的his系统的时候，最高也就只能支持到ie9，其中支持的比较好的是ie11版本，再往之前的版本就打不开页面了。
ie中浏览器常见的问题有一些数组的方法没有，promise没有等等。
ie9之后的兼容性配置在安装了polyfill.js后都可以解决， 如果需要完全支持ie所有版本估计只能jquery了，这就相当麻烦了。
vite版本
目前vite已经更新到了v8版本，使用了一个用rust编写的rolldown编译工具，当时我感觉这个太新了，有点实验性质，没有采用，还是使用了vite7的rollup版本。
说实话vite7的版本已经很危险了，贴一下官方的浏览器配置提示：
在上面的默认配置中可以看到，在vite7的默认配置下，只能支持到2022年底的浏览器版本，如果客户使用更旧一点的浏览器可能就会加载不出来内容。
| 浏览器版本 | 正式发布日期 | 关键发布信息摘要 |
|---|---|---|
| Chrome 107 | 2022年10月25日 | 初始稳定版发布，包含14项安全修复；同年11月为修复紧急漏洞发布后续小版本更新。 |
| Microsoft Edge 107 | 2022年10月27日 | 引入侧边栏生产力工具、网站错别字保护等新功能。 |
| Firefox 104 | 2022年8月23日 | 新增网站耗电分析工具（支持Win11及Apple M1）、支持Disney+画中画字幕等。 |
| Safari 16 | 2022年9月13日 | 随iOS 16正式版一同推出，首次支持AVIF图像格式，新增标签页组同步、强密码等功能。 |
按照官网的提示添加一些打包配置，可以支持到 2018-2020年的版本，已经稍微好一点了，如果你需要支持更早的项目，那可能得比vite7更早的版本了。
| 浏览器版本 | 正式发布日期 | 主要发布背景与关键特性 |
|---|---|---|
| Chrome 64 | 2018年1月24日 | 以安全增强为核心，增加对Spectre（幽灵）CPU漏洞的站点隔离缓解措施，并开始默认屏蔽烦人的自动播放声音。 |
| Firefox 67 | 2019年5月21日 | 注重隐私与性能，首次推出“增强型跟踪保护”，并引入了按需加载标签页以节省内存的“标签页休眠”功能。 |
| Safari 11.1 | 2018年3月30日 | 随 macOS High Sierra 10.13.4 和 iOS 11.3 一起发布，核心更新是全面支持服务工作者，让网页能离线工作，是PWA应用的基础。 |
| Microsoft Edge 79 | 2020年1月15日 | 这是首个基于 Chromium 开源项目 重构的稳定版，标志着Edge浏览器内核的重大转变，旨在提升兼容性和性能。 |
1
// 添加legacy配置（需要安装@vitejs/plugin-legacy），添加build配置
2
export default defineConfig(({mode}) => {
3
return {
4
plugins: [
5
vue(),
6
legacy({
7
targets: ['defaults', 'not IE 11'],
8
additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
9
}),
10
11
vueDevTools({
12
launchEditor: 'webstorm',
13
}),
14
],
15
// ，，，
7 collapsed lines
16
build: {
17
target: ['es2015', 'safari13'],
18
cssTarget: 'es2015',
19
},
20
// ...
21
}
22
})
tailwindcss
关于这个tailwind目前的v4配置添加了很多新特性和新的写法，包括在项目的配置上都比v3版本要好了很多。
但是不要使用v4， 在safari 15版本下，可能完全就无法加载出来v4样式。
我一开始使用了v4，但是发现样式完全无法加载出来，后来降级到了v3版本，非常的难受，因为v4的很多样式v3没有，配置全变，很麻烦，改动很大，基本上每个vue文件都得修改一下。
pdfjs-dist
在项目初期，我进行调研的时候，发现网上很多都是v3之前的版本，我看已经更新到了v5版本，毫不客气的用上了，而且有很多新特性和新写法，我都添加上了。
最后同样在safari浏览器上压根加载不出来，然后为了解决safari显示不出来的问题，就一个一个添加缺失的方法，渐渐的变成了之前兼容ie浏览器的做法了，这个真的太折磨了。
于是我选择了降级到v3版本，很多问题就都迎刃而解了。
总结
对于这个项目来说，应该还有很多问题没有暴露出来，但是通过这次的经历，我了解到前端作为一个快速发展的技术，追求特性，追求新技术并不是一件好事。