这个问题是关于Javascript ES6的模块。我在本地驱动器的同一目录中有index.html
和utils.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; 3}}自Chrome 61以来一直受到支持,所以我很困惑。
这是兼容性问题,还是我的代码出了问题?任何评论或建议都会非常有用。
答案 0 :(得分:0)
使用F12打开chrome中的开发人员工具,然后重新运行您的页面。如果您在本地运行,则可能会出现“CORS”错误。
运行简单的Web服务器应该可以解决这个问题。