记录遇到的问题:
在vue项目中遇到加载打包后的index页面,部分android手机会出现空白页面的问题,并且报

Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

的错误,在不报此错误的其他android手机上则没有此空白页面的问题。

尝试一下把原本写在index.html文件的逻辑,放到main.js里面(main.js是vue的入口问文件,虽然不知道为什么有的android手机可以执行index.html内的操作,有的不可以),
onload事件用

to.path === from.path && to.path === '/'

这个判断是第一次加载要执行的操作,路由的跳转用:

next({
	  path: '/xxx',
	  redirect: '/xxx'
注:xxx为页面,redirect是改变根路由。

以上可能会解决部分低版本的android手机,如果没有解决就尝试下面的办法。

提示的错误信息就是在严格模式下不支持这种声明,网上搜索原因,说是webpack-dev-server版本高于2.7.1时,在打包编译时不会把es6转es5,所以系统版本较低时会出错,查找git上创建此项目时的配置,发现package.json中原本就是2.9.1,

 "webpack": "^3.6.0",
 "webpack-bundle-analyzer": "^2.9.0",
 "webpack-dev-server": "^2.9.1",
 "webpack-merge": "^4.1.0"

此项目在之前的打包中也没有遇到这个问题,应该不用非要把webpack-dev-server进行降级,对比此前唯一改变的情况就是我的node版本,于是重新下载项目,用nvm切换到旧的node版本,重新运行并打包,经过测试后,则解决了这个问题。
在此记录下此次问题的解决方法。
注:重点在切换到旧版的node版本上,node版本的不匹配问题。

PS:如果手机版本再过低,那就放弃吧。

在vue项目中遇到加载打包后的index页面,部分android手机会出现空白页面的问题,并且报Block-scoped declarations (let, const, function, class) not yet supported outside strict mode的错误,在不报此错误的其他android手机上则没有此空白页面的问题。提示的错误信息就是在严格模式下不支持这种...
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导致的,我是
2、引入babel-polyfill后,有时编译还会报错: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode 基本上是vue引入了第三方插件包含es6语法,但没有配置采用babel-l.
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode 我们在编译.js文件是会出现一个问题,也就是如下图: 小编也百度了一下,说版本太低,然后让我去官网下载node又是更新的,好麻烦,我就直接翻译了一下,大意如下图:看到翻译就知道了吧,这是因为严格模式外不能使用使用let,const之类的es6的命令,也就是说你的版本太低了,怎么办,最简单的办法就是
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside stric
Uncaught SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at js/w/**.js:206 14:22:42.777 Uncaught ReferenceError: wUtil is not defined at js/page/**.js:97 14:22:58.681 正在同步/js/page/**.js文件...
vite打包项目在部署安卓机型(主要是蓝绿厂的)会直接报兼容性错误,主要原因是因为 <script type="module">在webview内核小于63的情况下无法识别 引入@vitejs/plugin-legacy也无法解决 目前2018及之前的机子有相当于一份是webview<63的 别纠结了,直接换vue3+webpack吧,用vuecli搭出基础后直接改
最近公司项目较多,为保证速度大多是用前端vue框架开发,但是无法加载android 8 以下的android设备上,试了好多办法都无效,最后在CSDN上找到方案,抱着试一试的态度试了一下,成功解决,如遇类似情况请移步:Vue-cli3 项目在安卓低版本系统上白屏问题解决,感谢博主的分享
报错 Block-scoped declarations (let, const, function, class) not yet supported outside strict mode 解决方法 : 在文件头添加”javascript 严格模式”声明
这次项目 公众号Vue界面,有有关微信分享的功能,开始就正常调取微信接口jssdk 结果iOS正常功能,安卓手机分享任何界面别人打开都成了首页!开始搜了搜 没找到原因,也就不想管了!谁知道 用户不同意,非揪着这个不放,所以我们只能来改了,我天真的是,,,,吐血 关键是我传的地址都是写死的啊 就是本页面 有说是关于vue带hash ‘#/’ 微信分享后点开链接是首页的问题
根据提供的引用内容,出现 "Uncaught SyntaxError: Unexpected token '<'" 报错通常是由于打包后的JS文件出现了语法错误或者加载错误的HTML标签导致的。这个问题可能是由于打包配置或者代码的错误引起的。以下是一些可能的解决方法: 1. 检查打包配置文件:检查`build/webpack.prod.conf.js`文件的配置是否正确。特别注意是否正确设置了输出路径和文件名。 2. 检查HTML模板文件:检查HTML模板文件是否存在错误的标签或者语法错误。确保HTML文件正确引入了打包后的JS文件。 3. 检查代码的语法错误:检查代码是否存在语法错误,例如缺少分号、括号不匹配等。可以使用代码编辑器的语法检查功能或者运行代码时的控制台错误信息来定位错误。 4. 检查依赖项:检查项目的依赖项是否正确安装,并且版本是否兼容。特别注意检查VueVue Router的版本是否匹配。 5. 清除缓存:如果以上方法都没有解决问题,可以尝试清除浏览器缓存,然后重新加载页面。 以下是一个示例代码,展示了如何使用Vue CLI打包一个Vue项目并解决可能出现的语法错误: ```shell # 安装Vue CLI npm install -g @vue/cli # 创建一个新的Vue项目 vue create my-project # 进入项目目录 cd my-project # 启动开发服务器 npm run serve # 编辑代码,修复语法错误 # 打包项目 npm run build This method should not be called on the main thread as it may lead to UI unresponsiveness报错 vue echart实现横向柱状图颜色渐变、标签右对齐 js 处理时间格式——可指定时区进行转换