报错Uncaught SyntaxError: Unexpected token {

我的这个报错是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是安装在开发环境的意思