Uncaught SyntaxError: Cannot use import statement outside a module的解决方法(使用Es6语法引入js对象文件报错)
目录结构
本地html文件中的script标签引入ES6的模块，直接在浏览器中打开该html文件，发现报错了：Uncaught SyntaxError: Cannot use import statement outside a module
对应的index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>休闲游戏</title>
</head>
<body>
<!--服务器访问路径http://test.com/pages/index/index.html-->
你好
</body>
<script src="index.js" ></script>
</html>
对应的indexes.js:
import app from '../../siteinfo.js' // es6的语法---准备跳过jQuery直接使用面向对象的vue console.log(app.domain);
对应的 siteinfo.js
import app from '../../siteinfo.js' // es6的语法---准备跳过jQuery直接使用面向对象的vue console.log(app.domain);
这里报错的原因是用了es6的语法， 浏览器默认将它作为js解析会出现问题，需要将它作为模块导入，script标签默认type="text/javascript"，需要改为type="module"，更改后的index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>休闲游戏</title>
</head>
<body>
<!--服务器访问路径http://test.com/pages/index/index.html-->
你好
</body>
<script src="index.js" type="module"></script>
</html>
在浏览器中打开，发现又报错了：Access to script at 'file:///E:/**********/indexes.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
从错误提示看，脚本是被跨域策略给拦截了，跨域请求只支持这些协议：http, data, chrome, chrome-extension, chrome-untrusted, https.，而我们的协议是file，这里我们需要本地起一个服务器来作为资源的提供方，简单的方式是安装VSCode的一个扩展Live Server，也可以使用PHPstudy搭建站点
本案例PHPstudy搭建站点
正常运行啦！
版权声明：
作者：admin
链接：http://blog.mryxh.cn/1354.html
文章版权归作者所有，未经允许请勿转载。
THE END
Chrome浏览器的跨域设置----包含新老版本两种设置(亲测可行)
注意：此方案仅适用于windows系统哦！！！--亲测可行
本方案使用于本地浏览器调试，能解决uniapp运行到浏览器引起的跨域问题
这是一篇姗姗来迟的文章，一直在……
uniapp-base64编码解码
对json串（或者普通字符串）进行base64编码
let params={ //我是待进行base64编码的json串
address:'903',
city:'苏州'
}
let parameter = new Bu……
uni-app打开外部链接方式汇总(h5&app)--uniapp在app内打开美团领券链接
本文主要针对app端的方法进行汇总，不涉及到小程序端。
方案1
使用uni-app的扩展组件 uni-link，或者使用plus.runtime.openUR，参考文档uni-app官网
该组件的……
小米（Mi） 红米（Redmi）9A 如何打开“开发者选项”和“USB调试”图文教程
依次点击：手机设置 -> 我的设备 -> 全部参数 -> 连续点击几次“MIUI 版本”，之后便会提示已处于开发者模式。
MIUI 打开“开发者选项”图解
小米手机US……