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

编程知识 更新时间:2023-05-01 23:15:05

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导致的,我是把luckysheet功能包放在public文件夹内,然后在index.html中引用,解决报错办法有两种:
1:可以找到luckysheet.umd.js,在此文件顶部加上'use strict',保存即可
2:当前下载的luckysheet版本太新,下载之前旧版本替换
第二种:关于copy-anything这个依赖包的错误
这个问题是less版本导致的:
解决办法:
全局搜索copy-anything,看到less@3.13.x版本的依赖包中包含此种依赖:
删除package-lock.json和yarn.lock
运行:
npm uninstall less
npm install less@3.9.0 --save-dev
重新运行项目,不再报此种错误
第三种:Uncaught TypeError: Object.entries is not a function

这个错误是由于不兼容es6新语法导致的
解决办法:

npm install  babel-polyfill -S

npm install @babel/polyfill -S

然后在使用的文件顶部引入:

import "babel-polyfill"

import "@babel/polyfill";

如果在vue.config.j中引入:

chainWebpack: (config) => {
   config.entry('main').add('@babel/polyfill') // main是入口js文件,
}

chainWebpack: (config) => {
   config.entry('main').add('babel-polyfill') // main是入口js文件,
}

以上解决办法已应用于正式项目,亲测有效

更多推荐

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

本文发布于:2023-04-24 11:39:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/ec891c1c110ec0d4abd63d3b95c31eba.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:不兼容   浏览器   错误   ant   vue

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 100451文章数
  • 26043阅读数
  • 0评论数