antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核

最新推荐文章于 2023-08-17 15:19:19 发布

酒沁

最新推荐文章于 2023-08-17 15:19:19 发布

阅读量494

点赞数

分类专栏： AntdPro 文章标签：前端 javascript react 前端框架

本文链接：https://blog.csdn.net/m0_69927213/article/details/127965716

版权

AntdPro 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

一、问题的描述

在360浏览器中会有一些异常的样式，及按钮点击无效果。

二、正常的预期是什么？

能正常点击按钮，呈现期望的效果

三、问题产生的原因分析

通过断点调试，点击是有触发事件，只是无法兼容JSX的语法，故无法生效

四、问题的解决方案

根据官网说明，需要到umi的配置文件 config.ts 中配置：

legacy: {

buildOnly: true

如图：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

酒沁

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核

antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核
复制链接

扫一扫

专栏目录

非ie内核浏览器activex支持插件

09-03

然而，ActiveX主要与IE浏览器兼容，对于基于其他内核（如Chrome的Blink、Firefox的Gecko、Safari的WebKit）的现代浏览器，ActiveX默认是不支持的。这个插件的出现是为了打破这种局限，它通过提供一个中间层来桥接...

vue-ant-design 在ie的兼容问题

hjy170314的博客

08-21

3322

一开始没有注意ie的兼容,在谷歌中一切都很正常. 但是才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了一直报错, 有set的错误 ,也有SecurityError错误忘记截图了,因为项目已经做了配置就暂不添加截图,下个项目再把截图补上于是我查了很久,很多文章显示使用 babel-polyfill 可以所以我安装了,此时ie11可以显示了,ie10和下面的版本一样都是白板,出现 set 的错误安装 babel-polyfill npm i .

参与评论您还未登录，请先登录后发表或查看评论

Ant Design Pro + Ant Design + React 踩坑记录

qq_36615278的博客

04-23

728

Ant Design Pro + Ant Design + React 踩坑记录

6.antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核

11-24

857

antDesign pro 默认不支持ie ,360相关异常是因为使用ie内核

umi4+antd5兼容360安全浏览器

BWater_monster的博客

01-18

2898

项目使用antd5且要兼容旧版本浏览器，项目初始化时加上antd4的样式文件，并做处理。

Ant Design兼容性问题

weixin_35750953的博客

12-21

1551

Ant Design 是一个优秀的 React 组件库，它提供了丰富的组件和专业的设计规范，可以帮助开发者快速构建优美的用户界面。 Ant Design 的兼容性一般较好，支持最新版本的 Chrome、Firefox、Safari、Edge 和 Internet Explorer 11 等浏览器。如果你在使用 Ant Design 遇到兼容性问题，可以尝试使用 polyfill 库来解决。pol...

vue-cli4.x+ant design of Vue+luckysheet，在360浏览器报不兼容错误

weixin_46190955的博客

06-13

759

luckysheet是一款功能强大的纯前端类似excel的在线电子表格 ant design of vue@1.7.2 第三方的vue组件库项目运行在360浏览器报了三种错误，无法打开：第一种：Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode [duplicate] 这个错误是luckysheet.umd.js导致的，我是

vfp WebBrowser 例程，支持内核是ie 或 Edge

05-28

3.缩放 (win10+edge下，按住【ctrl】键不放，滚动鼠标，会缩放,虚拟机下的win2008r2+ie11不行) 4.动态元素的查找添加删除，其实与js的元素控制差不多，因为WebBrowser有document和body对象映射!

js 调用本地exe的例子(支持IE内核的浏览器)

01-19

我实验了一下 : 使用IE内核的浏览器都支持火狐好像不行代码如下: <html> <head> [removed] function callExe() { // new ActiveXObject(“Wscript.Shell”).run(“notepad.exe D:\\a.png.txt”); // ...

让软件支持系统IE内核.rar

04-12

然而，这个控件默认可能会使用过时的或者非系统的IE（Internet Explorer）内核，导致与现代网页标准不兼容。标题"让软件支持系统IE内核.rar"所指的，就是解决这个问题的一个小工具。这个工具简化了设置过程，使得...

C#实现基于IE内核的简单浏览器完整实例

09-03

在C#中实现一个基于IE内核的简单浏览器涉及到多个关键知识点，主要集中在Windows Forms应用程序开发、WebBrowser控件的使用以及用户界面交互等方面。以下是对这些知识点的详细阐述： 1. **Windows Forms应用程序...

关于ant design vue使用polyfill在ie上不兼容

qq_37730779的博客

06-13

6231

最近使用cli3搭建ant design vue ui框架时发现项目在ie上不兼容，就引入@babel/polyfill结果发现在ie10上出现了IconFont.js报错，经历了半天的时间终于找到解决办法，如下： 1、在main.js上方引入bable 2、在bable.config.js中presets: [ '@vue/app', [ '@babel/preset-env', { 'useB...

解决 Ant Design V5 样式在360浏览器兼容问题

管他熙熙攘攘阳关道，我偏要一条独木桥走到黑

08-17

2187

根据官方文档， Ant Design V5 组件的样式中大量使用了 :where() 选择器来降低选择器的优先级，以此减少开发者升级组件库时额外调整自定义样式的成本。:where() 对于 Chrome 仅支持 Chrome 88 以上，截止目前 360 极速浏览器的 Chrome 版本为 86，因此无法显示组件样式。react项目中使用antd: ^5.1.4,然后在360浏览器中发现样式组件不兼容，组件样式错乱。在入口组件App.tsx中。

用Ant Design Pro框架写的项目在ie浏览器中打不开

liuyuhua666的博客

10-24

1979

今天前端同事和我说项目在ie浏览器中有问题打不开，我试了一下果然不行。问题就是下图这样的：由于我都是用谷歌浏览器开发项目的，所以这个问题没有第一时间发现。然后问公司大佬，但是大佬没有碰到过类似的问题，然后又在网上查资料但是还是没事没有解决问题。于是只能一个一个的去排除，最后发现有两个js文件有问题，然后对这两个文件排除最后发现是文件引入了项目不存在的东西： import { throwStat...

antd 组件css的浏览器兼容性解决方案

h666000的博客

05-23

2379

最近写了几个后台管理，用的antd5最新版。开始都一切正常，直到测试提到360浏览器的样式有问题。才发现antd5的样式全部添加了css新语法，360浏览器完全不认识。详情请戳：https://ant.design/docs/react/compatible-style-cn以上是用where的兼容解决情况。

360和360极速浏览器无法打开vue项目的问题

weixin_43239880的博客

02-22

5143

360和360极速浏览器无法打开vue项目的问题 vue项目开发之后，使用360和360极速浏览器打开项目后可能会发现，自己的项目进不去了，或者F12发现有报错。原因：360和360极速浏览器有极速模式（webkit内核）和兼容模式（IE内核）两种，因为360打开时使用的是兼容模式，但是项目又没有兼容IE（Trident）内核，导致了项目打不开。解决方案1（比较麻烦）：当然你可以引入babel-polyfill或者core-js来解决IE兼容问题，但是这样子比较麻烦。如果你的项目本身就是不需要兼容IE的

ant design样式不生效，在使用了css modules

weixin_30797199的博客

01-30

1641

还是在create-react-app的情况下配置的webpack { test: /\.css$/, use: [ require.resolve("style-loader"), { loader: require.resolve("css-loader"), options: { importLoaders: 1 } }, { loader: require.re...

Ant Design Pro项目部署后在IE上打不开问题解决

weixin_46424838的博客

09-15

898

1.控制台出现无效字符错误出现这种错误,使用mapsource找到报错代码位置,然后查看是否出现转义字符/n 一般这个报错就是由于打包时eslint把转义字符转换成IE不能识别的模板字符串造成的. 解决办法如下: config.ts中删除eslint相关设置 package.json中删除如下代码 "pre-commit": "npm run lint-staged" 2.若不是上述错误,那就查看项目的config.ts文件是否设置支持IE config.ts targets: { ie:

解决Bootstrap网页在360安全浏览器兼容模式下无法正常显示问题