生活乏味,需要自己笑对!
记录一下自己写本地逻辑遇到的菜鸟问题!
今日在本地写文件,内部还有一个稍微大一点的数据(含有100000个元素的数组),直接写在js文件中,每次保存都会执行很长时间,于是我就想能不能把数据单独拿出来放在一个js中 在抛出,由于本人是个菜鸟,上网查找才发现其实很容易实现,在众多的方法中我选取了 ES6的 export default 方法实现我的方案,
接下来我在敲代码(搬砖)过程中遇到的两个问题
第一次报错:
Uncaught SyntaxError: Cannot use import statement outside a module
首先把文件放在 nums01.js 文件中,具体写法如下:
在nums01.js 中设置 一个变量 obj, 之后用export default 抛出obj,
其次在要使用数据的文件中使用 import方法 引入,
结果不出所料,直接报错了
报错提示很明白 Uncaught SyntaxError: Cannot use import statement outside a module , 大致意思就是我这样写语法错误,不能使用module,问了 度娘之后找到解决方案,需要给script 加上 module 类型
这个时候发现报错变了!!!
第二次报错
这个报错看着是不是 很熟悉,很常见,
本地引用文件 居然给我报错提示ajax跨域,它居然跨域了,,, 这时候内心很是嗨皮(一万只CNM奔腾而过),喝杯咖啡,压压惊
继续查看报错,发现本地直接运行.html文件 引用文件是 file:// 开头 不符合CORS策略, 跨源请求只支持: http, data, chrome, chrome-extension, https.
网上给我的方案搭建一个小型的服务器,
这个时候作为菜鸟的我满脑子都是:我是谁,我在哪,我在弄啥嘞!!!
关于服务器的问题,我只能继续问候我的度娘,看看还有什么方案,不得不说度娘的强大,
通过:blog.csdn.net/qq_41880073… 这篇大神的文章,我看到了希望,
由于我使用的是 VScode 所以我直接使用的 他的第三个方案,使用插件 Live Server
这里不得不说 VScode 插件的强大,安装完插件后 查到插件的启动快捷为Alt+L Alt+O 启动插件,搞定问题!
数据正常打印出来了,证明方法正确,又感觉自己行了!!继续敲代码...
