Chrome 64.0.3282.119无法支持ES6中的“模块”功能?

时间:2018-02-01 17:44:12

标签: javascript google-chrome ecmascript-6 es6-modules

这个问题是关于Javascript ES6的模块。我在本地驱动器的同一目录中有index.htmlutils.js

的index.html:

<HTML>
    <HEAD>
    </HEAD>
    <BODY>
      <script type="module">
         import {addTextToBody} from './utils.js';
         addTextToBody('Modules are pretty cool.');
      </script>
    </BODY>
</HTML>

utils.js

export function addTextToBody(text) {
  alert(text);
}

当我使用Microsoft Edge(Microsoft Edge 41.16299.15.0)启动index.html时,会按预期弹出对话框。但是,使用Chrome根本不起作用。据Mozilla称,import&amp;

这是兼容性问题,还是我的代码出了问题?任何评论或建议都会非常有用。

1 个答案:

答案 0 :(得分:0)

使用F12打开chrome中的开发人员工具,然后重新运行您的页面。如果您在本地运行,则可能会出现“CORS”错误。

运行简单的Web服务器应该可以解决这个问题。