报错Uncaught SyntaxError: Unexpected token {

论坛 期权论坛 脚本     
匿名技术用户   2021-1-2 22:10   17   0

我的这个报错是JS中的报错,然后提示的是语法的错误,然后爬了很多坑,最后发现是ES6和ES5的问题,这里面我分享下:

我们常见的引入JS文件都是像下面的方式:


但是实际上就是这个问题引起的,我们需要添加ES6的 属性,告诉浏览器这是一个ES6的模块


使用ES6引入js文件的时候,script 中要添加type="module" ,如图所示:(防止浏览器不兼容)特别是针对没有使用babel对ES6进行转义的script标签,必须要加入type="module"属性,告诉浏览器这是一个ES6的模块,浏览器对于带有type="module"的script标签,都是异步加载,不会造成堵塞浏览器,相当于等到整个界面渲染完成,再执行模块脚本,等同于打开了script标签的defer属性

最后我们可以安装下babel这个工具包,还是比较实用的,安装方法是:

npm install --save-dev babel-cli babel-preset-env

--save-dev是安装在开发环境的意思


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP