element-plus [Component] [All] chrome 68版本组件无法正常展示

wfsdck30  于 5个月前  发布在  其他
关注(0)|答案(5)|浏览(53)

Bug Type: Component

Environment

  • Vue Version: 3.2.37
  • Element Plus Version: 2.3.8
  • Browser / OS: chrome68 win 11 X64
  • Build Tool: Vite

Reproduction

  • All

Docs

Steps to reproduce

chrome 68版本所有组件无法正常展示,官方文档无法正常展示

What is Expected?

期望给与支持方案

What is actually happening?

期望给与支持方案

Additional comments

(empty)

55ooxyrt

55ooxyrt2#

在入口添加Array的flatMap方法的polyfill就可以解决,可以支持到chrome 49
import 'core-js/actual/array/flat-map';

或者直接
import 'core-js/actual/array';

再加一个ResizeObserver的polyfill更好,可以解决某些低版本浏览器下奇怪的问题

vh0rcniy

vh0rcniy3#

按照vite文档,import legacy from '@vitejs/plugin-legacy' legacy({
targets: ['defaults', 'ie >= 11', 'chrome 52'], //需要兼容的目标列表,可以设置多个
additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
renderLegacyChunks:true,
polyfills:[
'es.symbol',
'es.array.filter',
'es.promise',
'es.promise.finally',
'es/map',
'es/set',
'es.array.for-each',
'es.object.define-properties',
'es.object.define-property',
'es.object.get-own-property-descriptor',
'es.object.get-own-property-descriptors',
'es.object.keys',
'es.object.to-string',
'web.dom-collections.for-each',
'esnext.global-this',
'esnext.string.match-all'
]
})
去处理,在chrome 68版本仍然存在兼容性问题,按钮图标文字不居中,tabs新增标签后无法删除、上传组件无法上传等兼容性问题

ljsrvy3e

ljsrvy3e5#

你加"es.array.flat-map"试一下啊

相关问题