关于 ES6 import关键字的问题

本地文件 使用 import 关键字导入脚本模块报错

  • 导入文件时要使用 module:

    <script type="module"> 
    

不然会报错:Uncaught SyntaxError: Unexpected identifier

浏览器出现错误:提示不识别该脚本中的import标识符

  • package.json 文件中指定 为模块系统

    {
        ....
        "type": "module"
    }
    

    不然也会识别不了

  • 本地跨域问题

在不使用服务器启动时打开带有 import 关键字的文件会报错:

from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, https, chrome-untrusted.

net::ERR_FAILED

浏览器报错,提示被CORS策略阻止,不能直接通过文件路径引用带有import关键字的JS脚本

上一篇:ES6 新特性 --字符串扩展


下一篇:ES6之import/export命令