@vitejsplugin-legacy不能使vue3⽀持ie11

最新推荐文章于 2024-02-19 10:07:37 发布
最新推荐文章于 2024-02-19 10:07:37 发布
阅读量495 收藏
点赞数
文章标签： 前端 javascript vue.js
原文链接：https://wenku.baidu.com/view/c90589d44593daef5ef7ba0d4a7302768e996f87.html
版权

最近闹了个误解，@viyejs/plugin-legacy的作⽤是为打包后的⽂件提供传统浏览器兼容性⽀持，所以⾃然⽽然的以为能使vue3能⽀持ie11，但使⽤后vue3项⽬仍然在IE11报错，”strict 模式下不允许访问函数或参数对象的“caller”属性“
但实际上vue3不⽀持ie11，但vite并不是只为vue服务，它是⼀个独⽴的开发服务器和打包⼯具，也可以为react等其他框架服务，所以这是⼀个思维误区，别的框架是有可能通过@viyejs/plugin-legacy⽀持ie11的，只是vue3的proxy不能⽀持

_陈柱伟_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
npm install -legacy-peer-deps vue[email protected]
11-29
路由兼容vue-lic vue的等级较高 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: test_vue@0.1.0 npm ERR! Found: vue@2.7.14 npm ERR! node_modules/vue npm ERR! vue@"^2.6.14" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.2.0" from vue[email protected] npm ERR! node_modules/vue-router npm ERR! vue-router@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR
plugin-legacy
04-21
@ oclif / plugin-legacy 转换较旧样式的插件以与oclif兼容
vite 打包本地文件无法直接打开, file 类型 URL 引发跨域等问题探讨
最新发布
殇尘的博客
02-19 1989
originoriginorigin在浏览器直接打开打包完成的静态 html 页面时，会因为是通过file类型的 URL 来访问各类资源而引发跨域问题。其原因是 HTML 和 URL 规范中对fileURL 的origin内容的提取有着相关规定，一般情况下会返回null。
解决Vue3.0以上+Vite项目打包后低版本浏览器兼容性问题
wang13679201813的博客
09-07 3820
vite+vue3项目开发完以后，运行在新版浏览器可以正常显示，但运行在一些版本比较老的浏览器如 Chrome < 23、Firefox < 21和IE等浏览器上时显示一片空白，并且没有任何的错误提示。html文件中新增了一些script-nomodule脚本，这些脚本根据浏览器的支持程度来动态的引入正常版本文件还是带有legacy字样的转化版本文件。打包过程中使用@babel/preset-env转换浏览器不支持的语法和新API，为包中的每个块生成相应的转化块；
vite+vue3编译后打开index.html空白
qq_43566808的博客
05-24 3246
打包后的文件，通过file协议无法直接打开，白屏报错跨域等一系列问题
vite构建如何兼容低版本浏览器
富朝阳的博客
06-15 3764
最近在用vite4+typescript+vue3+SSR重构我的博客，在我构建上线之后发现谷歌等高版本主流浏览器运行正常，但是在公司自己操作系统的的浏览器上一直报如下的错误。经过我查看错误发现是浏览器兼容问题。老版本的博客使用的webpack构建的，配置了bable转义ES2015所以在低版本或者自带浏览器运行是没问题的。现在用的是vite4构建的，并没有使用bable进行转义。因此我采用官方提供的方案解决问题。
vite如何兼容低版本浏览器
热门推荐
知行合一，跬步致远
06-23 2万+
vite通过配置@vitejs/plugin-legacy来解决兼容低版本浏览器的问题
@vitejs/plugin-legacy 为你的 Vite 项目提供对旧版浏览器的支持
逆风优雅的博客
09-26 1万+
插件后，当用户访问你的网站时，Vite 将根据用户的浏览器版本动态加载适合其浏览器的构建文件。这样，你可以在现代浏览器中享受更快的开发和构建速度，同时仍然为那些使用旧版浏览器的用户提供良好的体验。请注意，Legacy 构建模式主要用于支持旧版浏览器，如果你的项目不需要支持旧版浏览器或已经使用现代构建模式进行开发，那么无需安装和配置。是 Vite 生态系统中的一个插件，它的作用是为你的 Vite 项目提供对旧版浏览器的支持。确保你的项目已经使用 Vite 进行初始化，并且已经安装了 Vite 相关的依赖。
vite引入@vitejs/plugin-legacy解决在低版本安卓浏览器白屏问题
weixin_53457368的博客
06-13 5279
使用ES6语法可能在某些低版本安卓浏览器打开项目时白屏。解决方案：引入@vitejs/plugin-legacy。
@vitejs/plugin-legacy不能使vue3支持ie11
个人博客
03-04 1万+
个人误解了
vite 插件配置
weixin_43294560的博客
03-04 4504
1、插件配置 项目根目录新建vite.config.js 引入下载的插件,在plugins中使用 import { defineConfig } from 'vite' import legacy from '@vitejs/plugin-legacy' export default defineConfig({ plugins: [ legacy({ targets: ['defaults', 'not IE 11'] }) ] })
vite-rollup-plugin-legacy:用@ rollupplugin-legacy复制Vite中的一个问题
03-06
使用汇总插件进行Vite Repro为报告问题 开发问题 yarn yarn dev 建造问题 yarn yarn build
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新...安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
01-21
项目使用vue/cli3脚手架搭建的前端项目，vue版本为2.6.10。 browserslist的配置如下： [ > 1%, last 2 versions] 但开发环境的IE11打开显示白屏，F12打开显示： 分析过程 5306行显示 “./node_modules/_debug@...
运行启动vue项目报报错node: --openssl-legacy-provider is not allowed in NODE_OPTIONS解决
weixin_38225763的博客
11-30 2942
要不就是删除SET NODE_OPTIONS=--openssl-legacy-provider &&代码，如下代码即可正常运行起来。报错的问题就是package.json中的Scripts下的dev。解决方法就是要不升级你的应用代码，支持 新版本的node.js。
vue3项目开源项目运行报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instea...
lll19960406的博客
01-10 904
今天找了一个vue3.0开源项目，在运行的时候npm i报错 使用了npm i --legacy-peer-deps 根据以上安装依赖成功 在运行的时候有报错::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead. 原因是：的vue3.0 单文件规范::v-deep...
vue搭建脚手架创建项目时报错Error: command failed: npm install --loglevel error --legacy-peer-deps，权限问题
Lsiyi_的博客
03-16 1298
vue搭建脚手架创建项目时报错---权限原因
Vite打包时使用plugin解决浏览器兼容问题
XunLin233的博客
09-24 1409
在终端输入如下命令：在项目目录下创建vite.config.js文件夹，配置如下代码： 打包完成以后会有两个js代码，其中一个文件名中带有legacy，我们目标文件就是带有legacy的文件 这时候我们的箭头函数就转化为了兼容性更高的普通函数
vue3+vite配置兼容ie11
weixin_57011137的博客
04-15 6842
下载插件cnpm i @vitejs/plugin-legacy -S 引入 import legacy from '@vitejs/plugin-legacy' 在vite.config.ts中配置 plugins: [ vue(), legacy({ targets: ['ie >= 11'], additionalLegacyPolyfills: ['regenerator-runtime/runtime'] }) ], ...
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue[email protected] npm ERR! Found: vue@2.7.14 npm ERR! node_modules/vue npm ERR! peerOptional vue@"^2 || ^3.2.13" from @vue/[email protected] npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin[email protected] npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! peerOptional vue@"*" from @vue/[email protected] npm ERR! node_modules/@vue/babel-preset-jsx npm ERR! @vue/babel-preset-jsx@"^1.1.2" from @vue/[email protected] npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin[email protected] npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! 3 more (vue-baidu-map, vuex, the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! @ant-design/icons-vue@"^6.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@3.0.3 npm ERR! node_modules/vue npm ERR! peer vue@">=3.0.3" from @ant-design/icons-vue@6.1.0 npm ERR! node_modules/@ant-design/icons-vue npm ERR! @ant-design/icons-vue@"^6.1.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! E:\nodejs\node_cache\_logs\2023-06-12T01_03_10_463Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: E:\nodejs\node_cache\_logs\2023-06-12T01_03_10_463Z-debug-0.log
06-13
3. 尝试使用 `npm install --legacy-peer-deps` 命令来安装依赖，该命令会忽略依赖项之间的版本冲突。 4. 执行 `npm audit fix` 命令来修复安全漏洞，该命令可能会自动更新依赖项，从而解决版本冲突问题。 如果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值